@import url("https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,100..900 !important ;1,100..900&family=Inter:ital,opsz,wght@0,14..32,100..900 !important ;1,14..32,100..900&display=swap");




/* img mt set  */
.medium-img .woi_inner_name_text{
	margin-top: 15px !important;
}
.large-img .woi_inner_name_text{
	margin-top: 25px !important;
}
.xl-img .woi_inner_name_text{
	margin-top: 45px !important;
}






.woi_ab_02882 {
	position: relative;
	height: 100vh !important;
	overflow-x: hidden !important;
	padding-top: 19px;
}
.woi_ab_inner_01 {
	position: fixed !important ;
	width: 100% !important;
	height: 100vh !important;
	display: flex !important ;
}
.woi_ab_inner_01 svg {
	min-width: 100% !important;
	height: 100vh !important;
	margin: auto !important;
}
.woi_inner_svg_bg_1 {
	background-color: gray;
}
.woi_inner_svg_bg_2 {
	background-color: gray;
}
.woi_inner_svg_bg_3 {
	background-color: #1a0039;
}
.woi_inner_svg_bg_4 {
	background-color: gray;
}
.woi_inner_svg_bg_5 {
	background-color: gray;
}
.woi_inner_svg_bg_6 {
	background-color: gray;
}

.woi_main_grid {
	display: grid !important ;
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important ;
	/* gap: 1rem !important ; */
	/* height: 70vh !important ; */
}
.woi_inner_caption_text {
	font-size: 15px !important ;
	font-weight: 400 !important ;
	width: 100% !important ;
	/* color: #ffffff !important ; */
	font-family: inherit !important ;
	/* text-shadow: 1px 1px 3px rgb(0 0 0) !important ; */
	text-align: center !important ;
	line-height: normal !important ;
}
/* .woi_sidebar {
    position: sticky !important ;
    top: 0 !important ;
    height: 100vh !important ;
    overflow-y: auto !important ;
    background-color: #f8f9fa !important ;
    z-index: 10 !important ;
} */

.woi_sidebar {
	grid-column: span 1 / span 1 !important ;
	display: flex !important ;
	flex-direction: column !important ;
	gap: 1rem !important ;
}
.woi_inner_name_text {
	margin-top: 20px !important ;
}
.link-profilename.woi_inner_name_text {
	margin-top: 0px !important ;
}
.link-verify-bio-url.proimgsize_75{
	margin-top: 52px;
}
.link-verify-bio-url.proimgsize_100{
	margin-top: 72px;
}
.link-verify-bio-url.proimgsize_125{
	margin-top: 77px;
}
.link-verify-bio-url.proimgsize_150{
	margin-top: 103px;
}


@media (max-width: 768px) {
	.link-verify-bio-url.proimgsize_125 {
    margin-top: 77px
	}
	.link-verify-bio-url.proimgsize_100{
		margin-top: 60px;
	}


	.banner-regular-height {
  height: 227px;
  min-height: 252px;
}
}




.woi_sidebar_01 {
	display: flex !important ;
	flex-wrap: wrap !important ;
	gap: 10px !important ;
	align-items: end !important ;
}

.woi_title {
	font-weight: bold !important ;
	font-size: 1.5rem !important ; /* text-2xl */
	padding-top: 1rem !important ;
	margin-bottom: 20px !important ;
}

.woi_links {
	padding: 0.75rem 1rem !important ;
	border: 1px solid #cecece !important ;
	border-radius: 25px !important ;
	font-weight: 600 !important ;
	display: flex !important ;
	gap: 5px !important ;
	font-size: 16px !important ;
}
.woi_box_out {
	display: flex !important ;
	flex-direction: column !important ;
	gap: 6px !important ;
	height: 645px;
}
/* .template_text_btn{
	border: 2px solid black !important ;
    padding: 9px !important ;
    border-radius: 10px !important ;
} */

.custdiv .template-overlay {
	z-index: 10;
}
.link-appearance .custdiv .customtempmain.custom-template .select-template {
	width: 80% !important;
}

/* ----------------------show inner section ------------------ */
.customtempmain.template_1 .woi_inner_btn {
	width: 100% !important;
	margin: 0px !important;
	height: 18px !important;
	padding: 0px 15px !important;
}
.link-body.template_1 .woi_inner_btn {
	width: 100% !important;
	margin: 0px !important;
	height: 45px !important;
	padding: 0px 15px !important;
}

.custdiv .customtempmain.link-body.template_1 .woi_inner_btn{
	height: 20px !important;
}
.customtempmain.template_2 .woi_inner_btn {
	width: 100% !important;
	margin: 0px !important;
	height: auto !important;
}
.customtempmain.template_3 .woi_inner_btn {
	width: 100% !important;
	margin: 0px !important;
	height: auto !important;
}
.customtempmain.template_4 .woi_inner_btn {
	width: 100% !important;
	margin: 0px !important;
	height: auto !important;
	padding: 9px 37px !important;
}
.customtempmain.template_5 .woi_inner_btn {
	width: 100% !important;
	margin: 0px !important;
	height: auto !important;
	padding: 9px 0px !important;
}
.customtempmain.template_6 .woi_inner_btn {
	width: 100% !important;
	margin: 0px !important;
	height: auto !important;
}
.customtempmain.template_7 .woi_inner_btn {
	width: 100% !important;
	margin: 0px !important;
	height: auto !important;
	padding: 8px 0px !important;
}
.customtempmain.template_8 .woi_inner_btn {
	width: 100% !important;
	margin: 0px !important;
	height: 16px !important;
	padding: 4px 10px !important;
	border-radius: 4px !important;
}
.customtempmain.template_9 .woi_inner_btn {
	width: 100% !important;
	margin: 0px !important;
	height: 20px !important;
}
.customtempmain.template_10 .woi_inner_btn {
	width: 100% !important;
	margin: 0px !important;
	height: auto !important;
}
.customtempmain.template_11 .woi_inner_btn {
	width: 100% !important;
	margin: 0px !important;
	height: auto !important;
}
.customtempmain.template_12 .woi_inner_btn {
	width: 100% !important;
	margin: 0px !important;
	height: auto !important;
}
.customtempmain.template_13 .woi_inner_btn {
	width: 100% !important;
	margin: 0px !important;
	height: auto !important;
}

/* --------template_text_btn---------- */
/* From Uiverse.io by Madflows */
.template_text_btn {
	position: relative !important ;
	overflow: hidden !important ;
	height: 3rem !important ;
	padding: 0 2rem !important ;
	border-radius: 1.5rem !important ;
	background: #3d3a4e !important ;
	background-size: 400% !important ;
	color: #fff !important ;
	border: none !important ;
	cursor: pointer !important ;
	display: flex !important ;
	justify-content: center !important ;
	align-items: center !important ;
}
.template_text_btn .template_text_btn-content {
	border: none !important ;
	background-color: transparent !important ;
}

.template_text_btn:hover::before {
	transform: scaleX(1) !important ;
}

.template_text_btn-content {
	position: relative !important ;
	z-index: 1 !important ;
}

.template_text_btn::before {
	content: "" !important ;
	position: absolute !important ;
	top: 0 !important ;
	left: 0 !important ;
	transform: scaleX(0) !important ;
	transform-origin: 0 50% !important ;
	width: 100% !important ;
	height: inherit !important ;
	border-radius: inherit !important ;
	background: linear-gradient(
		82.3deg,
		rgba(150, 93, 233, 1) 10.8%,
		rgba(99, 88, 238, 1) 94.3%
	) !important ;
	transition: all 0.475s !important ;
}

.woi_links:hover,
.active {
	background-color: black !important ;
	color: white !important ;
	cursor: pointer !important ;
}

.woi_content {
	grid-column: span 3 / span 3 !important ;
	display: grid !important ;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important ;
	gap: 1rem !important ;
	padding-top: 1rem !important ;
	height: 1440px !important ;
}
.woi_box_b_text {
	font-weight: 600 !important ;
	font-size: 16px !important ;
}

.woi_box {
	position: relative !important ; /* Needed for positioning the new text */
	padding: 0.75rem !important ;
	border-radius: 25px !important ;
	overflow: hidden !important ; /* Prevents content overflow */
	height: 200px !important ; /* Fixed height for uniform size */
	display: flex !important ;
	align-items: center !important ;
	justify-content: center !important ;
	transition: background-color 0.3s ease-in-out !important ;
}

.woi_box:hover {
	background-color: aliceblue !important ;
}
.woi_inner_avatar {
	border-radius: 50% !important ;
}

.woi_inner {
	position: absolute !important ;
	top: 50% !important ;
	left: 50% !important ;
	transform: translate(-50%, -50%) !important ; /* Center content */
	opacity: 1 !important ;
	transition: opacity 0.3s ease-in-out !important ;
	display: flex !important ;
	justify-content: center !important ;
	/* padding-top: 130px !important ; */
	display: flex !important ;
	/* align-items: center  !important ; */
}

.woi_box .template_text {
	position: absolute !important ;
	top: 50% !important ;
	left: 50% !important ;
	transform: translate(-50%, -50%) !important ;
	opacity: 0 !important ;
	transition: opacity 0.3s ease-in-out !important ;
	font-weight: bold !important ;
	background-color: rgba(240, 248, 255, 0.76) !important ;
	height: 100% !important ;
	width: 100% !important ;
	display: flex !important ;
	justify-content: center !important ;
	align-items: center !important ;
	color: #3b82f6 !important ;
}

.woi_box:hover .woi_inner {
	opacity: 1 !important ; /* Hide original text */
}

.woi_box:hover .template_text {
	opacity: 1 !important ; /* Show new text on hover */
}

body .woi-themes {
	display: flex !important ;
	flex-direction: column !important ;
	gap: 3 !important ;
	height: 100% !important ;
	width: 100% !important ;
}

/* -------------------------- */

.template_1 .woi_inner {
	width: 85% !important ;
	height: 82%;
	display: flex !important ;
	flex-direction: column !important ;
	justify-content: start;
	align-items: center !important ;
	/* gap: 10px !important ; */
}
.template_1 .woi_view_all {
	margin-left: 0.75rem !important ;
	margin-bottom: 10px !important ;
	color: #3b82f6 !important ; /* text-primary */
}
.template_1 .woi_btn {
	width: 100% !important ;
	background: aquamarine !important ;
	padding: 10px 20px !important ;
	border-radius: 20px !important ;
	display: flex !important ;
	justify-content: space-between !important ;
	align-items: center !important ;
	border: none !important ;
}

.template_1 .woi_btn:hover {
}
.template_1 .woi_inner_avatar {
	width: 100px !important ;
	height: 100px !important ;
	border-radius: 50% !important ;
	overflow: hidden !important ;
	display: flex !important ;
	align-items: center !important ;
	justify-content: center !important ;
}
/* .template_1 .qrcode svg{
	background-color: white  !important ;
} */
.template_2 .qrcode svg {
	/* background-color: white  !important ; */
}
/* .template_3 .qrcode svg{
	background-color: white  !important ;
}
.template_4 .qrcode svg{
	background-color: white  !important ;
} */
.template_1 .woi_inner_avatar {
	width: 100px !important ;
	height: 100px !important ;
	border-radius: 50% !important ;
	overflow: hidden !important ;
	position: relative;
	box-shadow: 0 0 15px 5px rgb(214 173 60) !important ;
	border: none !important ;
}
.template_1 .woi_inner_main_svg {
	display: flex !important ;
	flex-direction: row !important ;
	gap: 10px !important ;
	justify-content: center !important ;
	align-items: center !important ;
	margin-top: 30px !important ;
}
.template_1 .woi_inner_main_svg svg {
	width: 27px !important ;
	height: 27px !important ;
	margin: 0 3px !important ;
}
.template_1 .woi_inner_name_text {
	font-size: 21px !important ;
	font-weight: 600 !important ;
	color: #e4e2e2 !important ;
	margin-top: 8px !important ;
	font-family: cursive !important ;
}

.template_1 {
	font-size: 15px !important ;
	font-weight: 400 !important ;
	color: #c2c2c2 !important ;
	font-family: cursive !important ;
}

.template_1 .woi_inner_main_btn {
	display: flex !important ;
	align-items: center !important ;
	flex-direction: column !important ;
	gap: 5px !important ;
	width: 100% !important ;
	margin-top: 30px !important ;
}

.template_1 .woi_inner_btn {
	width: 90% !important ;
	border: none !important ;
	border-radius: 20px !important ;
	padding: 8px 20px !important ;
	background-color: #d6ad3c !important ;
	font-weight: 600 !important ;
}

.select-template.customtempinner {
	width: 100% !important;
	margin: 0px 14px !important;
}

.background-type-preset-video .select-template.customtempinner{
	width: 75% !important;
}

.woi_inner_img_text_center {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
}

/* From Uiverse.io by adamgiebl */
.template_1 .woi_inner_btn {
	height: 50px !important;
	position: relative !important ;
	font-family: inherit !important ;
	font-weight: 500 !important ;
	font-size: 18px !important ;
	letter-spacing: 0.05em !important ;
	border-radius: 0.8em !important ;
	cursor: pointer !important ;
	border: none !important ;
	background: linear-gradient(to right, #8e2de2, #4a00e0) !important ;
	color: ghostwhite !important ;
	overflow: hidden !important ;
}

.template_1 .woi_inner_btn svg {
	width: 1.2em !important ;
	height: 1.2em !important ;
	margin-right: 0.5em !important ;
	z-index: 10 !important;
}

.template_1 .woi_inner_btn span {
	position: relative !important ;
	z-index: 10 !important ;
	transition: color 0.4s !important ;
	display: inline-flex !important ;
	align-items: center !important ;
	/* padding: 0.8em 1.2em 0.8em 1.05em !important ; */
}

.template_1 {
	--btn-before-bg: #d6ad3c;
}

.template_1 .woi_inner_btn::before,
.template_1 .woi_inner_btn::after {
	position: absolute !important ;
	top: 0 !important ;
	left: 0 !important ;
	width: 100% !important ;
	height: 100% !important ;
	z-index: 0 !important ;
}

.template_1 .woi_inner_btn::before {
	content: "" !important ;
	background: var(--btn-before-bg, #d6ad3c) !important ;
	width: 120% !important ;
	left: -10% !important ;
	transform: skew(30deg) !important ;
	transition: transform 0.4s cubic-bezier(0.3, 1, 0.8, 1) !important ;
}

.template_1 .woi_inner_btn:hover::before {
	transform: translate3d(100%, 0, 0) !important ;
}

.template_1 .woi_inner_btn:active {
	transform: scale(0.95) !important ;
}

.template_1 .template_1 .woi_inner_btn {
	width: 90% !important ;
	border: none !important ;
	border-radius: 20px !important ;
	padding: 8px 20px !important ;
}

/* --------------------------- */

.template_2 .woi_inner_name_text {
	font-size: 21px !important ;
	font-weight: 600 !important ;
	color: #f3f3f3 !important ;
	margin-top: 8px !important ;
	font-family: monospace !important ;
}
.template_2 .woi_inner_caption_text {
	font-size: 15px !important ;
	font-weight: 400 !important ;
	color: #c2c2c2 !important ;
	font-family: monospace !important ;
}
.template_2 .woi_inner_avatar {
	width: 100px !important ;
	height: 100px !important ;
	border-radius: 50% !important ;
	overflow: hidden !important ;
	display: flex !important ;
	align-items: center !important ;
	justify-content: center !important ;
	border: none !important ;
}

.template_2 {
	--btn-box-shadow: #c800ff;
}

.template_2 .woi_inner_avatar {
	width: 100px !important ;
	height: 100px !important ;
	border-radius: 50% !important ;
	overflow: hidden !important ;
	position: relative;
	box-shadow: 0 0 15px 5px rgba(255, 255, 255, 0.8) !important ;
}
.template_2 .woi_inner_btn {
	width: 100% !important ;
	border: none !important ;
	border-radius: 3px !important ;
	padding: 8px 20px !important ;
	background-color: #7b0f99 !important ;
	font-weight: 600 !important ;
	color: #f3f3f3 !important ;
	height: 50px !important;
	box-shadow: 4px 4px 0px var(--btn-box-shadow, #c800ff), 0px 0px 0px #721b1b !important;
	transition: all 0.3s ease-in-out !important ;
}
.template_2 .woi_inner_main_btn {
	display: flex !important ;
	align-items: center !important ;
	flex-direction: column !important ;
	gap: 10px !important ;
	width: 100% !important ;
	margin-top: 30px !important ;
}

.template_2 .woi_inner_main_svg {
	display: flex !important ;
	flex-direction: row !important ;
	gap: 10px !important ;
	justify-content: center !important ;
	align-items: center !important ;
	margin-top: 30px !important ;
}
.template_2 .woi_inner_main_svg svg {
	width: 27px !important ;
	height: 27px !important ;
	margin: 0 3px !important ;
}
.template_2 .woi_inner {
	width: 85% !important ;
	height: 100% !important ;
	display: flex !important ;
	flex-direction: column !important ;
	justify-content: start;
	align-items: center !important ;
	/* gap: 10px !important ; */
}
/* -------------------------- */

.template_3 .woi_inner {
	width: 85% !important ;
	height: 82%;
	display: flex !important ;
	flex-direction: column !important ;
	justify-content: start !important ;
	align-items: center !important ;
	/* gap: 10px !important ; */
}
.template_3 .woi_view_all {
	margin-left: 0.75rem !important ;
	margin-bottom: 10px !important ;
	color: #3b82f6 !important ; /* text-primary */
}
.template_3 .woi_btn {
	width: 100% !important ;
	background: aquamarine !important ;
	padding: 10px 20px !important ;
	border-radius: 20px !important ;
	display: flex !important ;
	justify-content: space-between !important ;
	align-items: center !important ;
	border: none !important ;
}
.template_3 .woi_btn:hover {
}
.template_3 .woi_inner_avatar {
	width: 100px !important ;
	height: 100px !important ;
	border-radius: 50% !important ;
	overflow: hidden !important ;
	display: flex !important ;
	align-items: center !important ;
	justify-content: center !important ;
}
.template_3 .woi_inner_avatar {
	width: 100px !important ;
	height: 100px !important ;
	border-radius: 50% !important ;
	overflow: hidden !important ;
	position: relative;
	box-shadow: 0 0 15px 5px rgb(23 59 123) !important ;
}
.template_3 .woi_inner_main_svg {
	display: flex !important ;
	flex-direction: row !important ;
	gap: 10px !important ;
	justify-content: center !important ;
	align-items: center !important ;
	margin-top: 30px !important ;
}
.template_3 .woi_inner_main_svg svg {
	width: 27px !important ;
	height: 27px !important ;
	margin: 0 3px !important ;
}
.template_3 .woi_inner_name_text {
	font-size: 21px !important ;
	font-weight: 600 !important ;
	color: #e4e2e2 !important ;
	margin-top: 8px !important ;
	font-family: "Inter", sans-serif !important ;
}

.template_3 .woi_inner_caption_text {
	font-size: 15px !important ;
	font-weight: 400 !important ;
	color: #c2c2c2 !important ;
	font-family: "Inter", sans-serif !important ;
}

.template_3 .woi_inner_main_btn {
	display: flex !important ;
	align-items: center !important ;
	flex-direction: column !important ;
	gap: 10px !important ;
	width: 100% !important ;
	margin-top: 30px !important ;
}

.template_3 .woi_inner_btn {
	width: 100% !important ;
	height: 50px !important;
	border: none !important ;
	border-radius: 20px !important ;
	padding: 8px 20px !important ;
	background: transparent !important ;
	border: 2px solid white !important ;
	font-weight: 600 !important ;
	color: white !important ;
}
.template_3 img {
	width: 100%;
	height: 100%;
	object-fit: cover !important ;
}

/* --------------------- */

.template_4 .woi_inner {
	width: 85% !important ;
	height: 85% !important ;
	display: flex !important ;
	flex-direction: column !important ;
	justify-content: start !important ;
	align-items: center !important ;
	/* gap: 10px !important ; */
}
.template_4 .woi_view_all {
	margin-left: 0.75rem !important ;
	margin-bottom: 10px !important ;
	color: #3b82f6 !important ; /* text-primary */
}

.template_4 .woi_btn {
	width: 100% !important ;
	background: aquamarine !important ;
	padding: 10px 20px !important ;
	border-radius: 20px !important ;
	display: flex !important ;
	justify-content: space-between !important ;
	align-items: center !important ;
	border: none !important ;
}
.template_4 .woi_inner_avatar {
	width: 100px !important ;
	height: 100px !important ;
	border-radius: 50% !important ;
	overflow: hidden !important ;
	display: flex !important ;
	align-items: center !important ;
	justify-content: center !important ;
}
.template_4 .woi_inner_avatar {
	width: 100px !important ;
	height: 100px !important ;
	border-radius: 15% !important ;
	overflow: hidden !important ;
	position: relative;
	/* box-shadow: 0 0 15px 5px rgb(255, 255, 255) !important ; */
}
.template_4 .woi_inner_main_svg {
	display: flex !important ;
	flex-direction: row !important ;
	gap: 10px !important ;
	justify-content: center !important ;
	align-items: center !important ;
	margin-top: 30px !important ;
}
.template_4 .woi_inner_main_svg svg {
	width: 27px !important ;
	height: 27px !important ;
	margin: 0 3px !important ;
}
.template_4 .woi_inner_name_text {
	font-size: 21px !important ;
	font-weight: 600 !important ;
	color: #ffffff !important ;
	margin-top: 8px !important ;
	font-family: cursive !important ;

	/* Text Shadow for Bold Effect */
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8) !important ; /* Dark, soft glow */
}

.template_4 .woi_inner_caption_text {
	font-size: 15px !important ;
	font-weight: 400 !important ;
	color: #ffffff !important ;
	font-family: cursive !important ;

	/* Text Shadow for Subtle Effect */
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6) !important ; /* Softer shadow for smaller text */
}

.template_4 .woi_inner_main_btn {
	display: flex !important ;
	align-items: center !important ;
	flex-direction: column !important ;
	gap: 5px !important ;
	width: 100% !important ;
	margin-top: 30px !important ;
}

/* .template_4 .woi_inner_btn {
	width: 90% !important ;
	border: none !important ;
	border-radius: 20px !important ;
	padding: 8px 20px !important ;
	background-color: #d6ad3c !important ;
	font-weight: 600 !important ;
} */
.template_4 .template_1 .woi_inner_btn {
	width: 100% !important ;
	border: none !important ;
	border-radius: 20px !important ;
	padding: 8px 20px !important ;
}

/* CSS */
.template_4 {
	--btn-box-shadow: #000;
}

.template_4 .woi_inner_btn {
	appearance: button !important ;
	background-color: #000 !important ;
	background-image: none !important ;
	border: 1px solid #000 !important ;
	border-radius: 4px !important ;
	box-shadow: #fff 4px 4px 0 0, var(--btn-box-shadow, #000) 4px 4px 0 1px !important ;
	box-sizing: border-box !important ;
	color: #fff !important ;
	cursor: pointer !important ;
	display: inline-block !important ;
	font-family: ITCAvantGardeStd-Bk, Arial, sans-serif !important ;
	font-size: 14px !important ;
	font-weight: 400 !important ;
	line-height: 20px !important ;
	margin: 0 5px 10px 0 !important ;
	overflow: visible !important ;
	padding: 12px 40px !important ;
	text-align: center !important ;
	text-transform: none !important ;
	touch-action: manipulation !important ;
	user-select: none !important ;
	-webkit-user-select: none !important ;
	vertical-align: middle !important ;
	white-space: nowrap !important ;
	width: 90% !important ;
	height: 50px !important;
}

.template_4 .woi_inner_btn:focus {
	text-decoration: none !important ;
}

.template_4 .woi_inner_btn:hover {
	text-decoration: none !important ;
}

.template_4 .woi_inner_btn:active {
	box-shadow: rgba(0, 0, 0, 0.125) 0 3px 5px inset !important ;
	outline: 0 !important ;
}

.template_4 .woi_inner_btn:not([disabled]):active {
	box-shadow: #fff 2px 2px 0 0, #000 2px 2px 0 1px !important ;
	transform: translate(2px, 2px) !important ;
}

@media (min-width: 768px) {
	.template_4 .woi_inner_btn {
		padding: 12px 50px !important ;
		width: 100% !important ;
	}
}
/* ----------------------------------------- */

.template_5 .woi_inner {
	width: 100% !important ;
	height: 95% !important ;
	display: flex !important ;
	flex-direction: column !important ;
	justify-content: start !important ;
	align-items: center !important ;
	/* gap: 10px !important ; */
}
.template_5 .woi_view_all {
	margin-left: 0.75rem !important ;
	margin-bottom: 10px !important ;
	color: #3b82f6 !important ; /* text-primary */
}
.template_5 .woi_btn {
	width: 100% !important ;
	background: aquamarine !important ;
	padding: 10px 20px !important ;
	border-radius: 20px !important ;
	display: flex !important ;
	justify-content: space-between !important ;
	align-items: center !important ;
	border: none !important ;
}
.template_5 .woi_btn:hover {
}
.template_5 .woi_inner_avatar {
	width: 100px !important ;
	height: 100px !important ;
	border-radius: 50% !important ;
	overflow: hidden !important ;
	display: flex !important ;
	align-items: center !important ;
	justify-content: center !important ;
}
.template_5 .woi_inner_avatar {
	width: 100px !important ;
	height: 100px !important ;
	border-radius: 50% !important ;
	overflow: hidden !important ;
	position: relative;
	box-shadow: 0 0 15px 5px rgb(214 173 60) !important ;
}
.template_5 .woi_inner_main_svg {
	display: flex !important ;
	flex-direction: row !important ;
	gap: 10px !important ;
	justify-content: center !important ;
	align-items: center !important ;
	margin-top: 15px !important ;
}
.template_5 .woi_inner_banner_img {
	width: 224px !important ;
	height: 151px !important ;
	border-radius: 10px !important ;
	object-fit: cover !important ;
	margin-top: 15px !important ;
}
.template_5 .woi_inner_main_svg svg {
	width: 27px !important ;
	height: 27px !important ;
	margin: 0 3px !important ;
}
.template_5 .woi_inner_name_text {
	font-size: 21px !important ;
	font-weight: 600 !important ;
	color: #3a3a3a !important ;
	margin-top: 8px !important ;
	font-family: cursive !important ;
}

.template_5 .woi_inner_caption_text {
	font-size: 15px !important ;
	font-weight: 400 !important ;
	color: #555555 !important ;
	font-family: cursive !important ;
}

.template_5 .woi_inner_main_btn {
	display: flex !important ;
	align-items: center !important ;
	flex-direction: column !important ;
	gap: 20px !important ;
	width: 85% !important ;
	margin-top: 10px !important ;
}

.template_5 .woi_inner_btn {
	all: unset !important ;
	width: 94% !important ;
	height: 30px !important ;
	font-size: 16px !important ;
	background: transparent !important ;
	border: none !important ;
	position: relative !important ;
	color: #f0f0f0 !important ;
	cursor: pointer !important ;
	z-index: 1 !important ;
	padding: 10px 20px !important ;
	display: flex !important ;
	align-items: center !important ;
	justify-content: center !important ;
	white-space: nowrap !important ;
	user-select: none !important ;
	-webkit-user-select: none !important ;
	touch-action: manipulation !important ;
}

.template_5 {
	--btn-before-bg: #28282d;
}

.template_5 .woi_inner_btn::after,
.template_5 .woi_inner_btn::before {
	content: "" !important ;
	position: absolute !important ;
	bottom: 0 !important ;
	right: 0 !important ;
	z-index: -99999 !important ;
	transition: all 0.4s !important ;
}

.template_5 .woi_inner_btn::before {
	transform: translate(0%, 0%) !important ;
	width: 100% !important ;
	height: 100% !important ;
	background: var(--btn-before-bg, #28282d) !important ;
	border-radius: 10px !important ;
}

.template_5 .woi_inner_btn::after {
	transform: translate(10px, 10px) !important ;
	width: 35px !important ;
	height: 35px !important ;
	background: #ffffff15 !important ;
	backdrop-filter: blur(5px) !important ;
	-webkit-backdrop-filter: blur(5px) !important ;
	border-radius: 50px !important ;
}

.template_5 .woi_inner_btn:hover::before {
	transform: translate(5%, 20%) !important ;
	width: 110% !important ;
	height: 110% !important ;
}

.template_5 .woi_inner_btn:hover::after {
	border-radius: 10px !important ;
	transform: translate(0, 0) !important ;
	width: 100% !important ;
	height: 100% !important ;
}

.template_5 .woi_inner_btn:active::after {
	transition: 0s !important ;
	transform: translate(0, 5%) !important ;
}
/* ---------------------------------------------- */

.template_6 .woi_inner {
	width: 100% !important ;
	height: 85% !important ;
	display: flex !important ;
	flex-direction: column !important ;
	justify-content: start !important ;
	align-items: center !important ;
	/* gap: 10px !important ; */
}
.template_6 .woi_view_all {
	margin-left: 0.75rem !important ;
	margin-bottom: 10px !important ;
	color: #3b82f6 !important ; /* text-primary */
}
.template_6 .woi_btn {
	width: 100% !important ;
	background: aquamarine !important ;
	padding: 10px 20px !important ;
	border-radius: 20px !important ;
	display: flex !important ;
	justify-content: space-between !important ;
	align-items: center !important ;
	border: none !important ;
}
.template_6 .woi_btn:hover {
}
.template_6 .woi_inner_avatar {
	width: 100px !important ;
	height: 100px !important ;
	border-radius: 50% !important ;
	overflow: hidden !important ;
	display: flex !important ;
	align-items: center !important ;
	justify-content: center !important ;
}
.template_6 .woi_inner_avatar {
	width: 100px !important ;
	height: 100px !important ;
	border-radius: 50% !important ;
	overflow: hidden !important ;
	position: relative;
	box-shadow: 0 0 15px 5px rgb(255, 255, 255) !important ;
}
.template_6 .woi_inner_main_svg {
	display: flex !important ;
	flex-direction: row !important ;
	gap: 10px !important ;
	justify-content: center !important ;
	align-items: center !important ;
	margin-top: 30px !important ;
}
.template_6 .woi_inner_main_svg svg {
	width: 27px !important ;
	height: 27px !important ;
	margin: 0 3px !important ;
}
.template_6 .woi_inner_name_text {
	font-size: 21px !important ;
	font-weight: 600 !important ;
	color: #000000 !important ;
	margin-top: 8px !important ;
	font-family: cursive !important ;
	text-shadow: 2px 2px 4px rgb(255 255 255 / 80%) !important ;
}

.template_6 .woi_inner_caption_text {
	font-size: 15px !important ;
	font-weight: 400 !important ;
	color: #000000 !important ;
	font-family: cursive !important ;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6) !important ; /* Softer shadow for smaller text */
}

.template_6 .woi_inner_main_btn {
	display: flex !important ;
	align-items: center !important ;
	flex-direction: column !important ;
	gap: 5px !important ;
	width: 85% !important ;
	margin-top: 30px !important ;
}

/* .template_6 .woi_inner_btn {
	width: 90% !important ;
	border: none !important ;
	border-radius: 20px !important ;
	padding: 8px 20px !important ;
	background-color: #d6ad3c !important ;
	font-weight: 600 !important ;
} */
.template_6 .woi_inner_btn {
	width: 100% !important ;
	border: none !important ;
	border-radius: 20px !important ;
	padding: 8px 20px !important ;
}

/* CSS */
.template_6 .woi_inner_btn {
	--bg: #000 !important ;
	--hover-bg: #ff90e8 !important ;
	--hover-text: #000 !important ;
	color: #000000 !important ;
	cursor: pointer !important ;
	border: 1px solid #f6e3fa !important ;
	border-radius: 4px !important ;
	background: #c7dcf9 !important ;
	transition: 0.2s !important ;
}

.template_6 .woi_inner_btn:hover {
	color: var(--hover-text) !important ;
	transform: translate(-0.25rem, -0.25rem) !important ;
	background: var(--hover-bg) !important ;
	box-shadow: 0.25rem 0.25rem var(--bg) !important ;
}

.template_6 .woi_inner_btn:active {
	transform: translate(0) !important ;
	box-shadow: none !important ;
}
/* ----------------------------------------------------- */

.template_7 .woi_inner {
	width: 100% !important ;
	height: 85% !important ;
	display: flex !important ;
	flex-direction: column !important ;
	justify-content: start !important ;
	align-items: center !important ;
	/* gap: 10px !important ; */
}
.template_7 .woi_view_all {
	margin-left: 0.75rem !important ;
	margin-bottom: 10px !important ;
	color: #3b82f6 !important ; /* text-primary */
}
.template_7 .woi_btn {
	width: 100% !important ;
	background: aquamarine !important ;
	padding: 10px 20px !important ;
	border-radius: 20px !important ;
	display: flex !important ;
	justify-content: space-between !important ;
	align-items: center !important ;
	border: none !important ;
}
.template_7 .woi_btn:hover {
}
.template_7 .woi_inner_avatar {
	width: 100px !important ;
	height: 100px !important ;
	border-radius: 50% !important ;
	overflow: hidden !important ;
	display: flex !important ;
	align-items: center !important ;
	justify-content: center !important ;
}
.template_7 .woi_inner_avatar {
	width: 100px !important ;
	height: 100px !important ;
	border-radius: 50% !important ;
	overflow: hidden !important ;
	position: relative;
	/* box-shadow: 0 0 15px 5px rgb(255, 255, 255) !important ; */
}
.template_7 .woi_inner_main_svg {
	display: flex !important ;
	flex-direction: row !important ;
	gap: 10px !important ;
	justify-content: center !important ;
	align-items: center !important ;
	margin-top: 30px !important ;
}
.template_7 .woi_inner_main_svg svg {
	width: 27px !important ;
	height: 27px !important ;
	margin: 0 3px !important ;
}
.template_7 .woi_inner_name_text {
	font-size: 21px !important ;
	font-weight: 600 !important ;
	color: #5cdb95 !important ;
	margin-top: 8px !important ;
	font-family: sans-serif !important ;
	/* text-shadow: 2px 2px 4px rgb(0 0 0 / 80%) !important ; */
}

.template_7 .woi_inner_caption_text {
	font-size: 15px !important ;
	font-weight: 400 !important ;
	color: #ffffff !important ;
	font-family: cursive !important ;
	text-shadow: 1px 1px 3px rgb(0 0 0) !important ;
}

.template_7 .woi_inner_main_btn {
	display: flex !important ;
	align-items: center !important ;
	flex-direction: column !important ;
	gap: 5px !important ;
	width: 85% !important ;
	margin-top: 30px !important ;
}

/* .template_7 .woi_inner_btn {
	width: 90% !important ;
	border: none !important ;
	border-radius: 20px !important ;
	padding: 8px 20px !important ;
	background-color: #d6ad3c !important ;
	font-weight: 600 !important ;
} */
.template_7 .woi_inner_btn {
	width: 93% !important ;
	border: none !important ;
	border-radius: 20px !important ;
	padding: 8px 20px !important ;
}

/* CSS */

/* From Uiverse.io by Randdose */
.template_7 .woi_inner_btn {
	all: unset;
	display: flex;
	align-items: center;
	position: relative;
	padding: 0.6em 2em;
	border: mediumspringgreen solid 0.15em;
	border-radius: 0.25em;
	color: white;
	font-size: 1.5em;
	font-weight: 600;
	background-color: #40a6ff !important;
	cursor: pointer;
	overflow: hidden;
	transition: border 300ms, color 300ms;
	user-select: none;
}

.template_7 .woi_inner_btn p {
	z-index: 1;
}

.template_7 .woi_inner_btn:hover {
	color: #212121;
}

.template_7 .woi_inner_btn:active {
	border-color: teal;
}

.template_7 .woi_inner_btn::after,
.template_7 .woi_inner_btn::before {
	content: "";
	position: absolute;
	width: 9em;
	aspect-ratio: 1;
	background: mediumspringgreen;
	opacity: 50%;
	border-radius: 50%;
	transition: transform 500ms, background 300ms;
}

.template_7 .woi_inner_btn::before {
	left: 0;
	transform: translateX(-8em);
}

.template_7 .woi_inner_btn::after {
	right: 0;
	transform: translateX(8em);
}

.template_7 .woi_inner_btn:hover:before {
	transform: translateX(-1em);
}

.template_7 .woi_inner_btn:hover:after {
	transform: translateX(1em);
}

.template_7 .woi_inner_btn:active:before,
.template_7 .woi_inner_btn:active:after {
	background: teal;
}

/* ------------------------------------------- */
.template_8 .woi_inner {
	width: 100% !important ;
	height: 85% !important ;
	display: flex !important ;
	flex-direction: column !important ;
	justify-content: start !important ;
	align-items: center !important ;
	/* gap: 10px !important ; */
}
.template_8 .woi_view_all {
	margin-left: 0.75rem !important ;
	margin-bottom: 10px !important ;
	color: #3b82f6 !important ; /* text-primary */
}
.template_8 .woi_btn {
	width: 100% !important ;
	background: aquamarine !important ;
	padding: 10px 20px !important ;
	border-radius: 20px !important ;
	display: flex !important ;
	justify-content: space-between !important ;
	align-items: center !important ;
	border: none !important ;
}
.template_8 .woi_btn:hover {
}
.template_8 .woi_inner_avatar {
	width: 100px !important ;
	height: 100px !important ;
	border-radius: 50% !important ;
	overflow: hidden !important ;
	display: flex !important ;
	align-items: center !important ;
	justify-content: center !important ;
}
.template_8 .woi_inner_avatar {
	width: 100px !important ;
	height: 100px !important ;
	border-radius: 50% !important ;
	overflow: hidden !important ;
	position: relative;
	/* box-shadow: 0 0 15px 5px rgb(255, 255, 255) !important ; */
}
.template_8 .woi_inner_main_svg {
	display: flex !important ;
	flex-direction: row !important ;
	gap: 10px !important ;
	justify-content: center !important ;
	align-items: center !important ;
	margin-top: 30px !important ;
}
.template_8 .woi_inner_main_svg svg {
	width: 27px !important ;
	height: 27px !important ;
	margin: 0 3px !important ;
}
.template_8 .woi_inner_name_text {
	font-size: 21px !important ;
	font-weight: 600 !important ;
	color: #000000c4 !important ;
	margin-top: 8px !important ;
	font-family: monospace !important ;
	/* text-shadow: 2px 2px 4px rgb(0 0 0 / 80%) !important ; */
}

.template_8 .woi_inner_caption_text {
	font-size: 15px !important ;
	font-weight: 700 !important ;
	color: #644dff !important ;
	font-family: cursive !important ;
	/* text-shadow: 1px 1px 3px rgb(0 0 0) !important ; */
}

.template_8 .woi_inner_main_btn {
	display: flex !important ;
	align-items: center !important ;
	flex-direction: column !important ;
	gap: 5px !important ;
	width: 85% !important ;
	margin-top: 30px !important ;
}
.woi_maq_main_01 {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: end;
}
.template_7 .woi_inner_btn {
	height: 35px !important;
	font-size: 14px !important ;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}
.woi_btn_maq_02 {
	width: 150px !important;
}

/* .template_8 .woi_inner_btn {
		width: 90% !important ;
		border: none !important ;
		border-radius: 20px !important ;
		padding: 8px 20px !important ;
		background-color: #d6ad3c !important ;
		font-weight: 600 !important ;
	} */
.template_8 .woi_inner_btn {
	width: 100% !important ;
	border: none !important ;
	border-radius: 20px !important ;
	padding: 8px 20px !important ;
}

/* CSS */

.template_8 {
	--btn-box-shadow: #4836bb;
}

.template_8 .woi_inner_btn {
	--😀: #644dff !important ;
	--😀😀: #4836bb !important ;
	--😀😀😀: #654dff63 !important ;
	cursor: pointer !important ;
	/* width: 184px !important ; */
	height: 48px !important ;
	display: flex !important ;
	align-items: center !important ;
	justify-content: center !important ;
	gap: 1rem !important ;
	font-size: 1.125em !important ;
	font-weight: 800 !important ;
	letter-spacing: 2px !important ;
	color: #fff !important ;
	background: var(--😀) !important ;
	border: 2px solid var(--😀😀) !important ;
	border-radius: 0.75rem !important ;
	box-shadow: 0 8px 0 var(--btn-box-shadow, #4836bb) !important ;
	transform: skew(-10deg) !important ;
	transition: all 0.1s ease !important ;
	filter: drop-shadow(0 15px 20px var(--😀😀😀)) !important ;
}

.template_8 .woi_inner_btn:active {
	letter-spacing: 0px !important ;
	transform: skew(-10deg) translateY(8px) !important ;
	box-shadow: 0 0 0 var(--😀😀😀) !important ;
}
/* --------------------------------------- */
.template_9 .woi_inner {
	width: 100% !important ;
	height: 85% !important ;
	display: flex !important ;
	flex-direction: column !important ;
	justify-content: start !important ;
	align-items: center !important ;
	/* gap: 10px !important ; */
}
.template_9 .woi_view_all {
	margin-left: 0.75rem !important ;
	margin-bottom: 10px !important ;
	color: #3b82f6 !important ; /* text-primary */
}
.template_9 .woi_btn {
	width: 100% !important ;
	background: aquamarine !important ;
	padding: 10px 20px !important ;
	border-radius: 20px !important ;
	display: flex !important ;
	justify-content: space-between !important ;
	align-items: center !important ;
	border: none !important ;
}
.template_9 .woi_btn:hover {
}
.template_9 .woi_inner_avatar {
	width: 100px !important ;
	height: 100px !important ;
	border-radius: 50% !important ;
	overflow: hidden !important ;
	display: flex !important ;
	align-items: center !important ;
	justify-content: center !important ;
}
.template_9 .woi_inner_avatar {
	width: 100px !important ;
	height: 100px !important ;
	border-radius: 50% !important ;
	overflow: hidden !important ;
	position: relative;
	/* box-shadow: 0 0 15px 5px rgb(255, 255, 255) !important ; */
}
.template_9 .woi_inner_main_svg {
	display: flex !important ;
	flex-direction: row !important ;
	gap: 10px !important ;
	justify-content: center !important ;
	align-items: center !important ;
	margin-top: 30px !important ;
}
.template_9 .woi_inner_main_svg svg {
	width: 27px !important ;
	height: 27px !important ;
	margin: 0 3px !important ;
}
.template_9 .woi_inner_name_text {
	font-size: 21px !important ;
	font-weight: 600 !important ;
	color: #f0f0f0 !important ;
	margin-top: 8px !important ;
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
		Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif !important ;
	/* text-shadow: 2px 2px 4px rgb(0 0 0 / 80%) !important ; */
}

.template_9 .woi_inner_caption_text {
	font-size: 15px !important ;
	font-weight: 700 !important ;
	color: #f0f0f0 !important ;
	font-family: monospace !important ;
	/* text-shadow: 1px 1px 3px rgb(0 0 0) !important ; */
}

.template_9 .woi_inner_main_btn {
	display: flex !important ;
	align-items: center !important ;
	flex-direction: column !important ;
	gap: 5px !important ;
	width: 85% !important ;
	margin-top: 30px !important ;
}

/* .template_9 .woi_inner_btn {
		width: 90% !important ;
		border: none !important ;
		border-radius: 20px !important ;
		padding: 8px 20px !important ;
		background-color: #d6ad3c !important ;
		font-weight: 600 !important ;
	} */
.template_9 .woi_inner_btn {
	width: 100% !important ;
	border: none !important ;
	border-radius: 20px !important ;
	padding: 8px 20px !important ;
}


.template_10 .woi_inner {
	width: 100% !important ;
	height: 85% !important ;
	display: flex !important ;
	flex-direction: column !important ;
	justify-content: start !important ;
	align-items: center !important ;
	/* gap: 10px !important ; */
}
.template_10 .woi_view_all {
	margin-left: 0.75rem !important ;
	margin-bottom: 10px !important ;
	color: #3b82f6 !important ; /* text-primary */
}
.template_10 .woi_btn {
	width: 100% !important ;
	background: aquamarine !important ;
	padding: 10px 20px !important ;
	border-radius: 20px !important ;
	display: flex !important ;
	justify-content: space-between !important ;
	align-items: center !important ;
	border: none !important ;
}
.template_10 .woi_btn:hover {
}
.template_10 .woi_inner_avatar {
	width: 100px !important ;
	height: 100px !important ;
	border-radius: 50% !important ;
	overflow: hidden !important ;
	display: flex !important ;
	align-items: center !important ;
	justify-content: center !important ;
}
.template_10 .woi_inner_avatar {
	width: 100px !important ;
	height: 100px !important ;
	border-radius: 50% !important ;
	overflow: hidden !important ;
	position: relative;
	/* box-shadow: 0 0 15px 5px rgb(255, 255, 255) !important ; */
}
.template_10 .woi_inner_main_svg {
	display: flex !important ;
	flex-direction: row !important ;
	gap: 10px !important ;
	justify-content: center !important ;
	align-items: center !important ;
	margin-top: 30px !important ;
}
.template_10 .woi_inner_main_svg svg {
	width: 27px !important ;
	height: 27px !important ;
	margin: 0 3px !important ;
}
.template_10 .woi_inner_name_text {
	font-size: 21px !important ;
	font-weight: 600 !important ;
	color: #ff5858 !important ;
	margin-top: 8px !important ;
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
		Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif !important ;
	/* text-shadow: 2px 2px 4px rgb(0 0 0 / 80%) !important ; */
}

.template_10 .woi_inner_caption_text {
	font-size: 15px !important ;
	font-weight: 700 !important ;
	color: #ff5858 !important ;
	font-family: monospace !important ;
	/* text-shadow: 1px 1px 3px rgb(0 0 0) !important ; */
}

.template_10 .woi_inner_main_btn {
	display: flex !important ;
	align-items: center !important ;
	flex-direction: column !important ;
	gap: 5px !important ;
	width: 85% !important ;
	margin-top: 30px !important ;
}

/* .template_10 .woi_inner_btn {
		width: 90% !important ;
		border: none !important ;
		border-radius: 20px !important ;
		padding: 8px 20px !important ;
		background-color: #d6ad3c !important ;
		font-weight: 600 !important ;
	} */
.template_10 .woi_inner_btn {
	width: 100% !important ;
	border: none !important ;
	border-radius: 20px !important ;
	padding: 8px 20px !important ;
}



.template_11 .woi_inner {
	width: 100% !important ;
	height: 85% !important ;
	display: flex !important ;
	flex-direction: column !important ;
	justify-content: start !important ;
	align-items: center !important ;
	/* gap: 10px !important ; */
}
.template_11 .woi_view_all {
	margin-left: 0.75rem !important ;
	margin-bottom: 10px !important ;
	color: #3b82f6 !important ; /* text-primary */
}
.template_11 .woi_btn {
	width: 100% !important ;
	background: aquamarine !important ;
	padding: 10px 20px !important ;
	border-radius: 20px !important ;
	display: flex !important ;
	justify-content: space-between !important ;
	align-items: center !important ;
	border: none !important ;
}
.template_11 .woi_btn:hover {
}
.template_11 .woi_inner_avatar {
	width: 100px !important ;
	height: 100px !important ;
	border-radius: 50% !important ;
	overflow: hidden !important ;
	display: flex !important ;
	align-items: center !important ;
	justify-content: center !important ;
}
.template_11 .woi_inner_avatar {
	width: 100px !important ;
	height: 100px !important ;
	border-radius: 50% !important ;
	overflow: hidden !important ;
	position: relative;
	/* box-shadow: 0 0 15px 5px rgb(255, 255, 255) !important ; */
}
.template_11 .woi_inner_main_svg {
	display: flex !important ;
	flex-direction: row !important ;
	gap: 10px !important ;
	justify-content: center !important ;
	align-items: center !important ;
	margin-top: 30px !important ;
}
.template_11 .woi_inner_main_svg svg {
	width: 27px !important ;
	height: 27px !important ;
	margin: 0 3px !important ;
}
.template_11 .woi_inner_name_text {
	font-size: 21px !important ;
	font-weight: 600 !important ;
	color: #000000 !important ;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8) !important;
	margin-top: 8px !important ;
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
		Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif !important ;
	/* text-shadow: 2px 2px 4px rgb(0 0 0 / 80%) !important ; */
}

.template_11 .woi_inner_caption_text {
	font-size: 15px !important ;
	font-weight: 700 !important ;
	color: #000000 !important ;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8) !important;
	font-family: monospace !important ;
	/* text-shadow: 1px 1px 3px rgb(0 0 0) !important ; */
}

.template_11 .woi_inner_main_btn {
	display: flex !important ;
	align-items: center !important ;
	flex-direction: column !important ;
	gap: 10px !important ;
	width: 100% !important ;
	margin-top: 30px !important ;
}

.template_11 .woi_inner_btn {
	width: 100% !important ;
	height: 50px !important;
	border: none !important ;
	border-radius: 20px !important ;
	padding: 8px 20px !important ;
	background: transparent !important ;
	border: 2px solid rgb(0, 0, 0) !important ;
	font-weight: 600 !important ;
	color: rgb(17, 17, 17) !important ;
}
.template_11 .woi_inner {
	width: 85% !important ;
	height: 82%;
	display: flex !important ;
	flex-direction: column !important ;
	justify-content: start !important ;
	align-items: center !important ;
	/* gap: 10px !important ; */
}








.template_12 .woi_inner_main_btn {
	display: flex !important ;
	align-items: center !important ;
	flex-direction: column !important ;
	gap: 10px !important ;
	width: 100% !important ;
	margin-top: 30px !important ;
}
.template_12 .woi_inner {
	width: 100% !important ;
	height: 85% !important ;
	display: flex !important ;
	flex-direction: column !important ;
	justify-content: start !important ;
	align-items: center !important ;
	color: black;
	/* gap: 10px !important ; */
}
.template_12 .woi_view_all {
	margin-left: 0.75rem !important ;
	margin-bottom: 10px !important ;
	color: #3b82f6 !important ; /* text-primary */
}


.template_12 .woi_inner_avatar {
	width: 100px !important ;
	height: 100px !important ;
	border-radius: 50% !important ;
	overflow: hidden !important ;
	display: flex !important ;
	align-items: center !important ;
	justify-content: center !important ;
}
.template_12 .woi_inner_avatar {
	width: 100px !important ;
	height: 100px !important ;
	border-radius: 50% !important ;
	overflow: hidden !important ;
	position: relative;
	/* box-shadow: 0 0 15px 5px rgb(255, 255, 255) !important ; */
}
.template_12 .woi_inner_main_svg {
	display: flex !important ;
	flex-direction: row !important ;
	gap: 10px !important ;
	justify-content: center !important ;
	align-items: center !important ;
	margin-top: 30px !important ;
}
.template_12 .woi_inner_main_svg svg {
	width: 27px !important ;
	height: 27px !important ;
	margin: 0 3px !important ;
}
.template_12 .woi_inner_name_text {
	font-size: 21px !important ;
	font-weight: 600 !important ;
	color: #000000 !important ;
	/* text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8) !important; */
	margin-top: 8px !important ;
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
		Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif !important ;
	/* text-shadow: 2px 2px 4px rgb(0 0 0 / 80%) !important ; */
}

.template_12 .woi_inner_caption_text {
	font-size: 15px !important ;
	font-weight: 700 !important ;
	color: #000000 !important ;
	/* text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8) !important; */
	font-family: monospace !important ;
	/* text-shadow: 1px 1px 3px rgb(0 0 0) !important ; */
}

/* ------ btn------ */

.template_12 button {
 display: flex;
 height: 3em;
 width: 100% !important;
 align-items: center;
 justify-content: center;
 background-color: #eeeeee4b;
 border-radius: 3px;
 letter-spacing: 1px;
 transition: all 0.2s linear;
 cursor: pointer;
 border: none;
 background: #d2d2d2;
}

.template_12 button > svg {
 margin-right: 5px;
 margin-left: 5px;
 font-size: 20px;
 transition: all 0.4s ease-in;
}

.template_12 button:hover > svg {
 font-size: 1.2em;
 transform: translateX(-5px);
}

.template_12 button:hover {
 box-shadow: 9px 9px 33px #d1d1d1, -9px -9px 33px #ffffff;
 transform: translateY(-2px);
}
.template_12 .woi_inner {
	width: 85% !important ;
	height: 82%;
	display: flex !important ;
	flex-direction: column !important ;
	justify-content: start !important ;
	align-items: center !important ;
	/* gap: 10px !important ; */
}


/* CSS */

.template_9 .woi_inner_btn {
	background-color: #000 !important ;
	border: 0px !important ;
	width: 100% !important ;
	outline: 0px !important ;
	color: #fff !important ;
	/* width: 200px !important ; */
	/* padding: 20px !important ; */
	border-radius: 50px !important ;
	position: relative !important ;
	overflow: hidden !important ;
	cursor: pointer !important ;
	height: 50px !important;
}

.template_9 .liquid {
	background-color: #000000 !important ;
	width: 100% !important ;
	height: 70px !important ;
	position: absolute !important ;
	bottom: 0 !important ;
	left: 0 !important ;
	box-shadow: inset 5px -5px 25px #104e81, inset -5px 0px 25px #104e81 !important ;
}

.template_9 .liquid::after {
	content: "" !important ;
	width: 450px !important ;
	height: 400px !important ;
	background: #000 !important ;
	z-index: 1 !important ;
	position: absolute !important ;
	left: -110px !important ;
	top: -380px !important ;
	border-radius: 45% !important ;
	animation: animate 5s linear 2s infinite !important ;
}

.template_9 .liquid::before {
	content: "" !important ;
	width: 450px !important ;
	height: 400px !important ;
	background-color: rgb(68, 160, 235) !important ;
	z-index: 1 !important ;
	position: absolute !important ;
	left: -110px !important ;
	top: -380px !important ;
	border-radius: 40% !important ;
	animation: animate 5s linear 1.8s infinite !important ;
}

.template_9 .btn-txt {
	position: relative !important ;
	z-index: 1 !important ;
	font-size: 14px !important ;
	font-family: sans-serif !important ;
	letter-spacing: 2px !important ;
	font-weight: 600 !important ;
}

@keyframes animate {
	from {
		transform: rotate(0deg) !important ;
	}

	to {
		transform: rotate(360deg) !important ;
	}
}

.template_10 .woi_inner_btn {
	position: relative;
	margin: 0;
	padding: 0.8em 1em;
	outline: none;
	text-decoration: none;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	border: none;
	text-transform: uppercase;
	background-color: #fb6b6b5d !important;
	border-radius: 10px;
	color: #fff;
	font-weight: 300;
	font-size: 18px;
	font-family: inherit;
	z-index: 0;
	overflow: hidden;
	transition: all 0.3s cubic-bezier(0.02, 0.01, 0.47, 1);
}

.template_10 .woi_inner_btn:hover {
	animation: sh0 0.5s ease-in-out both;
}

@keyframes sh0 {
	0% {
		transform: rotate(0deg) translate3d(0, 0, 0);
	}

	25% {
		transform: rotate(7deg) translate3d(0, 0, 0);
	}

	50% {
		transform: rotate(-7deg) translate3d(0, 0, 0);
	}

	75% {
		transform: rotate(1deg) translate3d(0, 0, 0);
	}

	100% {
		transform: rotate(0deg) translate3d(0, 0, 0);
	}
}

.template_10 .woi_inner_btn:hover span {
	animation: storm 0.7s ease-in-out both;
	animation-delay: 0.06s;
}

.template_10 .woi_inner_btn::before,
.template_10 .woi_inner_btn::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background: #fff;
	opacity: 0;
	transition: transform 0.15s cubic-bezier(0.02, 0.01, 0.47, 1),
		opacity 0.15s cubic-bezier(0.02, 0.01, 0.47, 1);
	z-index: -1;
	transform: translate(100%, -25%) translate3d(0, 0, 0);
}

.template_10 .woi_inner_btn:hover::before,
.template_10 .woi_inner_btn:hover::after {
	opacity: 0.15;
	transition: transform 0.2s cubic-bezier(0.02, 0.01, 0.47, 1),
		opacity 0.2s cubic-bezier(0.02, 0.01, 0.47, 1);
}

.template_10 .woi_inner_btn:hover::before {
	transform: translate3d(50%, 0, 0) scale(0.9);
}

.template_10 .woi_inner_btn:hover::after {
	transform: translate(50%, 0) scale(1.1);
}






/* -------------------------Buttons special----------------------------  */
.woi_inner_btn span.woi_inner_ab_t_01 {
	width: 100% !important ;
	top: -14px !important;
	left: 0px;
}
.woi_inner_btn span.woi_inner_ab_t_01 svg {
	width: 100% !important ;
}
.woi_inner_btn span.woi_inner_ab_b_01 {
	width: 100% !important ;
	bottom: -1px !important;
	left: 0px !important;
}
.woi_inner_btn span.woi_inner_ab_b_01 svg {
	width: 100% !important ;
}

.woi_inner_avatar img {
	object-fit: cover !important ;
	object-position: center !important ;
	border-radius: 15px !important ;
	width: 208px !important ;
	height: 100px !important ;
}

/* CSS */
.woi_box {
	--b: 1px !important ; /* border thickness */
	--s: 0.45em !important ; /* size of the corner */
	--color: #cfcfcf !important ;
	color: var(--color) !important ;
	--_p: var(--s) !important ;
	transition: 0.3s linear, color 0s, background-color 0s !important ;
	outline: var(--b) solid #0000 !important ;
	outline-offset: 0.6em !important ;
	font-size: 16px !important ;
	border: 0 !important ;
	user-select: none !important ;
	-webkit-user-select: none !important ;
	touch-action: manipulation !important ;
}

.woi_box:hover,
.woi_box:focus-visible {
	--_p: 0px !important ;
	outline-color: var(--color) !important ;
	outline-offset: 0.05em !important ;
	border-radius: 25px !important ;
	cursor: pointer !important ;
}

.woi_box:active {
	background: var(--color) !important ;
	color: #fff !important ;
}
/* ------------------------------- */

.woi_box.template_1 {
	background-image: url("../../img/lib-theme/th_bg_1.png") !important ;
	background-size: cover !important ;
	background-position: center !important ;
	background-repeat: no-repeat !important ;
	height: 100vh !important ;
	width: 100% !important ;
}
.link-body.template_1 {
	background-image: url("../../img/lib-theme/th_bg_1.png") !important ;
	background-size: cover !important ;
	background-position: center !important ;
	background-repeat: no-repeat !important ;
	height: 100vh !important ;
	width: 100% !important ;
}
.template-body.template_1 {
	background-image: url("../../img/lib-theme/th_bg_1.png") !important ;
	background-size: cover !important ;
	background-position: center !important ;
	background-repeat: no-repeat !important ;
	height: 200px !important ;
	width: 100% !important ;
}
.customtempmain.link-body.template_1 {
	background-image: url("../../img/lib-theme/1.jpeg") !important ;
	background-size: cover !important ;
	background-position: center !important ;
	background-repeat: no-repeat !important ;
	height: 100vh !important ;
	width: 100% !important ;
}

.custdiv .customtempmain.link-body.template_1 {
	height: 200px !important ;
}

.woi_box.template_2 {
	background-image: url("../../img/lib-theme/2.jpeg") !important ;
	background-size: cover !important ;
	background-position: center !important ;
	background-repeat: no-repeat !important ;
	height: 100% !important ;
	width: 100% !important ;
}
.link-body.template_2 {
	background-image: url("../../img/lib-theme/200.jpeg") !important ;
	background-size: cover !important ;
	background-position: center !important ;
	background-repeat: no-repeat !important ;
	height: 100vh !important ;
	width: 100% !important ;
}
.template-body.template_2 {
	background-image: url("../../img/lib-theme/200.jpeg") !important ;
	background-size: cover !important ;
	background-position: center !important ;
	background-repeat: no-repeat !important ;
	height: 200px !important ;
	width: 100% !important ;
}
.customtempmain.link-body.template_2 {
	background-image: url("../../img/lib-theme/2.jpeg") !important ;
	background-size: cover !important ;
	background-position: center !important ;
	background-repeat: no-repeat !important ;
	height: 200px !important ;
	width: 100% !important ;
}
.woi_box.template_3 {
	background-image: url("../../img/lib-theme/3.jpg") !important ;
	background-size: cover !important ;
	background-position: center !important ;
	background-repeat: no-repeat !important ;
	height: 100% !important ;
	width: 100% !important ;
}
.link-body.template_3 {
	background-image: url("../../img/lib-theme/300.jpg") !important ;
	background-size: cover !important ;
	background-position: center !important ;
	background-repeat: no-repeat !important ;
	height: 100vh;
	width: 100% !important ;
}
.template-body.template_3 {
	background-image: url("../../img/lib-theme/300.jpg") !important ;
	background-size: cover !important ;
	background-position: center !important ;
	background-repeat: no-repeat !important ;
	height: 200px;
	width: 100% !important ;
}
.customtempmain.link-body.template_3 {
	background-image: url("../../img/lib-theme/3.jpg") !important ;
	background-size: cover !important ;
	background-position: center !important ;
	background-repeat: no-repeat !important ;
	height: 100vh !important ;
	width: 100% !important ;
}

.custdiv .customtempmain.link-body.template_3 {
	height: 200px !important ;
}

.woi_box.template_4 {
	background-image: url("../../img/lib-theme/7.jpeg") !important ;
	background-size: cover !important ;
	background-position: center !important ;
	background-repeat: no-repeat !important ;
	height: 100% !important ;
	width: 100% !important ;
}
.link-body.template_4 {
	background-image: url("../../img/lib-theme/700.jpeg") !important ;
	background-size: cover !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	height: 100vh !important;
	width: 100% !important;
}
.template-body.template_4 {
	background-image: url("../../img/lib-theme/700.jpeg") !important ;
	background-size: cover !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	height: 200px !important;
	width: 100% !important;
}
.customtempmain.link-body.template_4 {
	background-image: url("../../img/lib-theme/7.jpeg") !important ;
	background-size: cover !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	height: 200px !important;
	width: 100% !important;
}
.woi_box.template_5 {
	background-image: url("../../img/lib-theme/8.jpeg") !important ;
	background-size: cover !important ;
	background-position: center !important ;
	background-repeat: no-repeat !important ;
	height: 100% !important ;
	width: 100% !important ;
}
.link-body.template_5 {
	background-image: url("../../img/lib-theme/800.jpeg") !important ;
	background-size: cover !important ;
	background-position: center !important ;
	background-repeat: no-repeat !important ;
	height: 100vh !important ;
	width: 100% !important ;
}
.template-body.template_5 {
	background-image: url("../../img/lib-theme/800.jpeg") !important ;
	background-size: cover !important ;
	background-position: center !important ;
	background-repeat: no-repeat !important ;
	height: 200px !important ;
	width: 100% !important ;
}
.customtempmain.link-body.template_5 {
	background-image: url("../../img/lib-theme/8.jpeg") !important ;
	background-size: cover !important ;
	background-position: center !important ;
	background-repeat: no-repeat !important ;
	height: 200px !important ;
	width: 100% !important ;
}
.woi_box.template_6 {
	background-image: url("../../img/lib-theme/16.jpeg") !important ;
	background-size: cover !important ;
	background-position: center !important ;
	background-repeat: no-repeat !important ;
	height: 100% !important ;
	width: 100% !important ;
}
.link-body.template_6 {
	background-image: url("../../img/lib-theme/160.jpeg") !important ;
	background-size: cover !important ;
	background-position: center !important ;
	background-repeat: no-repeat !important ;
	height: 100vh !important ;
	width: 100% !important ;
}
.template-body.template_6 {
	background-image: url("../../img/lib-theme/160.jpeg") !important ;
	background-size: cover !important ;
	background-position: center !important ;
	background-repeat: no-repeat !important ;
	height: 200px !important ;
	width: 100% !important ;
}
.customtempmain.link-body.template_6 {
	background-image: url("../../img/lib-theme/16.jpeg") !important ;
	background-size: cover !important ;
	background-position: center !important ;
	background-repeat: no-repeat !important ;
	height: 200px !important ;
	width: 100% !important ;
}
.woi_box.template_7 {
	background-image: url("../../img/lib-theme/14.jpg") !important ;
	background-size: cover !important ;
	background-position: center !important ;
	background-repeat: no-repeat !important ;
	height: 100% !important ;
	width: 100% !important ;
}
.link-body.template_7 {
	background-image: url("../../img/lib-theme/140.jpg") !important ;
	background-size: cover !important ;
	background-position: center !important ;
	background-repeat: no-repeat !important ;
	height: 100vh !important ;
	width: 100% !important ;
}
.template-body.template_7 {
	background-image: url("../../img/lib-theme/140.jpg") !important ;
	background-size: cover !important ;
	background-position: center !important ;
	background-repeat: no-repeat !important ;
	height: 200px !important ;
	width: 100% !important ;
}
.customtempmain.link-body.template_7 {
	background-image: url("../../img/lib-theme/14.jpg") !important ;
	background-size: cover !important ;
	background-position: center !important ;
	background-repeat: no-repeat !important ;
	height: 200px !important ;
	width: 100% !important ;
}
.woi_box.template_8 {
	background-image: url("../../img/lib-theme/13.jpg") !important ;
	background-size: cover !important ;
	background-position: center !important ;
	background-repeat: no-repeat !important ;
	height: 100% !important ;
	width: 100% !important ;
}
.link-body.template_8 {
	background-image: url("../../img/lib-theme/130.jpg") !important ;
	background-size: cover !important ;
	background-position: center !important ;
	background-repeat: no-repeat !important ;
	height: 100vh !important ;
	width: 100% !important ;
}
.template-body.template_8 {
	background-image: url("../../img/lib-theme/130.jpg") !important ;
	background-size: cover !important ;
	background-position: center !important ;
	background-repeat: no-repeat !important ;
	height: 200px !important ;
	width: 100% !important ;
}
.customtempmain.link-body.template_8 {
	background-image: url("../../img/lib-theme/13.jpg") !important ;
	background-size: cover !important ;
	background-position: center !important ;
	background-repeat: no-repeat !important ;
	height: 200px !important ;
	width: 100% !important ;
}
.woi_box.template_9 {
	background-image: url("../../img/lib-theme/4.jpeg") !important ;
	background-size: cover !important ;
	background-position: center !important ;
	background-repeat: no-repeat !important ;
	height: 100% !important ;
	width: 100% !important ;
}
.template-body.template_9 {
	background-image: url("../../img/lib-theme/4.jpeg") !important ;
	background-size: cover !important ;
	background-position: center !important ;
	background-repeat: no-repeat !important ;
	height: 200px !important ;
	width: 100% !important ;
}
.link-body.template_9 {
	background-image: url("../../img/lib-theme/400.jpeg") !important ;
	background-size: cover !important ;
	background-position: center !important ;
	background-repeat: no-repeat !important ;
	height: 100vh !important ;
	width: 100% !important ;
}
.link-body.template_9 {
	background-image: url("../../img/lib-theme/400.jpeg") !important ;
	background-size: cover !important ;
	background-position: center !important ;
	background-repeat: no-repeat !important ;
	height: 200px !important ;
	width: 100% !important ;
}
.customtempmain.link-body.template_9 {
	background-image: url("../../img/lib-theme/4.jpeg") !important ;
	background-size: cover !important ;
	background-position: center !important ;
	background-repeat: no-repeat !important ;
	height: 200px !important ;
	width: 100% !important ;
}
.woi_box.template_10 {
	background-image: url("../../img/lib-theme/Turner-Mob.jpg") !important ;
	background-size: cover !important ;
	background-position: center !important ;
	background-repeat: no-repeat !important ;
	height: 100% !important ;
	width: 100% !important ;
}
.link-body.template_10 {
	background-image: url("../../img/lib-theme/Turner-Web.jpg") !important ;
	background-size: cover !important ;
	background-position: center !important ;
	background-repeat: no-repeat !important ;
	height: 100vh !important ;
	width: 100% !important ;
}
.link-body.template_10 {
	background-image: url("../../img/lib-theme/Turner-Web.jpg") !important ;
	background-size: cover !important ;
	background-position: center !important ;
	background-repeat: no-repeat !important ;
	height: 200px !important ;
	width: 100% !important ;
}
.customtempmain.link-body.template_10 {
	background-image: url("../../img/lib-theme/Turner-Mob.jpg") !important ;
	background-size: cover !important ;
	background-position: center !important ;
	background-repeat: no-repeat !important ;
	height: 185px !important ;
	width: 100% !important ;
}
.woi_box.template_11 {
	background-image: url("../../img/lib-theme/Stubbs-Mob.jpg") !important ;
	background-size: cover !important ;
	background-position: center !important ;
	background-repeat: no-repeat !important ;
	height: 100% !important ;
	width: 100% !important ;
}
.link-body.template_11 {
	background-image: url("../../img/lib-theme/Stubbs-Web.jpg") !important ;
	background-size: cover !important ;
	background-position: center !important ;
	background-repeat: no-repeat !important ;
	height: 100vh !important ;
	width: 100% !important ;
}
.link-body.template_11 {
	background-image: url("../../img/lib-theme/Stubbs-Web.jpg") !important ;
	background-size: cover !important ;
	background-position: center !important ;
	background-repeat: no-repeat !important ;
	height: 200px !important ;
	width: 100% !important ;
}
.customtempmain.link-body.template_11 {
	background-image: url("../../img/lib-theme/Stubbs-Mob.jpg") !important ;
	background-size: cover !important ;
	background-position: center !important ;
	background-repeat: no-repeat !important ;
	height: 185px !important ;
	width: 100% !important ;
}
.woi_box.template_11 {
	background-image: url("../../img/lib-theme/Stubbs-Mob.jpg") !important ;
	background-size: cover !important ;
	background-position: center !important ;
	background-repeat: no-repeat !important ;
	height: 100% !important ;
	width: 100% !important ;
}
.link-body.template_11 {
	background-image: url("../../img/lib-theme/Stubbs-Web.jpg") !important ;
	background-size: cover !important ;
	background-position: center !important ;
	background-repeat: no-repeat !important ;
	height: 100vh !important ;
	width: 100% !important ;
}
.customtempmain.link-body.template_11 {
	background-image: url("../../img/lib-theme/Stubbs-Mob.jpg") !important ;
	background-size: cover !important ;
	background-position: center !important ;
	background-repeat: no-repeat !important ;
	height: 185px !important ;
	width: 100% !important ;
}
.woi_box.template_12 {
	background-image: url("../../img/lib-theme/Pastry-Mob.jpg") !important ;
	background-size: cover !important ;
	background-position: center !important ;
	background-repeat: no-repeat !important ;
	height: 100% !important ;
	width: 100% !important ;
}
.link-body.template_12 {
	background-image: url("../../img/lib-theme/Pastry-Web.jpg") !important ;
	background-size: cover !important ;
	background-position: center !important ;
	background-repeat: no-repeat !important ;
	height: 100vh !important ;
	width: 100% !important ;
}
.template-body.template_12 {
	background-image: url("../../img/lib-theme/Pastry-Web.jpg") !important ;
	background-size: cover !important ;
	background-position: center !important ;
	background-repeat: no-repeat !important ;
	height: 200px !important ;
	width: 100% !important ;
}
.customtempmain.link-body.template_12 {
	background-image: url("../../img/lib-theme/Pastry-Mob.jpg") !important ;
	background-size: cover !important ;
	background-position: center !important ;
	background-repeat: no-repeat !important ;
	height: 185px !important ;
	width: 100% !important ;
}

/* new temp  */
/* start */
.theme_xxsei{
  background-image: url("../../img/lib-theme/d-sel.gif") !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

.link-body.xxsei{
  background-image: url("../../img/lib-theme/w-sel.gif") !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: top !important;
}
/* end  */
/* start  */
.theme_xxvii{
  background-image: url("../../img/lib-theme/pebleeOne.png") !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

.link-body.xxvii{
  background-image: url("../../img/lib-theme/w-pebleeOne.png") !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: top !important;
}
/* end */
/* start */
.theme_xxviii{
  background-image: url("../../img/lib-theme/pebleeTwo.png") !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

.link-body.xxviii{
  background-image: url("../../img/lib-theme/w-pebleeTwo.png") !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: top !important;

}
/* end  */
/* start  */
.theme_xxix{
  background-image: url("../../img/lib-theme/pebleeThree.png") !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

.link-body.xxix{
  background-image: url("../../img/lib-theme/w-pebleeThree.png") !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: top !important;

}
/* .customtempmain.link-body.theme_xxix{
  background-image: url("../../img/lib-theme/pebleeThree.png") !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
} */
/* end */
/* start */
.theme_xxci{
  background-image: url("../../img/lib-theme/d-tem-5.png") !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

.link-body.xxci{
  background-image: url("../../img/lib-theme/w-tem-5.png") !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}
/* end */
/* start */
.theme_xxcii{
  background-image: url("../../img/lib-theme/d-tem-6.png") !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

.link-body.xxcii{
  background-image: url("../../img/lib-theme/w-tem-6.png") !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}
/* end */
/* start */
.theme_xxciii{
  background-image: url("../../img/lib-theme/d-tem-7.png") !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

.link-body.xxciii{
  background-image: url("../../img/lib-theme/w-tem-7.png") !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}
/* end */
/* start */
.theme_xxri{
  background-image: url("../../img/lib-theme/d-tem-17.png") !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

.link-body.xxri{
  background-image: url("../../img/lib-theme/w-tem-17.png") !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}
/* end  */
/* start  */
.theme_xxrii{
  background-image: url("../../img/lib-theme/d-tem-18.png") !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

.link-body.xxrii{
  background-image: url("../../img/lib-theme/w-tem-18.png") !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}
/* end  */
/* start  */
.theme_xxriii{
  background-image: url("../../img/lib-theme/d-tem-19.png") !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

.link-body.xxriii{
  background-image: url("../../img/lib-theme/w-tem-19.png") !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}
/* end  */
/* start  */
.theme_xxdeiii{
  background-image: url("../../img/lib-theme/d-tem-daniel.png") !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

.link-body.xxdeiii{
  background-image: url("../../img/lib-theme/w-tem-danel.png") !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}
/* end  */
/* start  */
.theme_xxoli{
  background-image: url("../../img/lib-theme/d-tem-olv.gif") !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

.link-body.xxoli{
  background-image: url("../../img/lib-theme/w-tem-olv.gif") !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}
/* end  */
/* start  */
.theme_xxolii{
  background-image: url("../../img/lib-theme/d-tem-olv1.gif") !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

.link-body.xxolii{
  background-image: url("../../img/lib-theme/w-tem-olv1.gif") !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}
/* end  */
/* start  */
.theme_xxbdi{
  background-image: url("../../img/lib-theme/d-tem-bdy.gif") !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}
.link-body.xxbdi{
  background-image: url("../../img/lib-theme/w-tem-bdy.gif") !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}
/* start  */
.theme_xxbli{
  background-image: url("../../img/lib-theme/d-bludk.png") !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;

}
.bg_xxbli{
  background-image: url("../../img/lib-theme/") !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
    background-size: cover !important;
  background-repeat: no-repeat !important;
  padding: 50px;
      filter: blur(50px);
    position: fixed;
    padding: 50px;
    width: 100%;
	opacity: 0.25;
}
.main_bg_xxbli{
	    background: #000000 !important;
    width: 100% !important;
    height: 100%;
    opacity: 0.95;
    position: fixed;
}
/* end  */
/* start  */
.theme_xxbdai{
  background-image: url("../../img/lib-theme/d-blult.png") !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;

}
.bg_xxbdai {
  background-image: url("../../img/lib-theme/testblur.jpg") !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
background-color: rgba(0, 0, 0, 0.253);
  padding: 50px;
      filter: blur(50px);
    position: fixed;
    padding: 50px;
    width: 100%;
	opacity: 0.25;
}
.main_bg_xxbdai{
	    background: #ffffff !important;
    width: 100% !important;
    height: 100%;
    opacity: 0.95;
    position: fixed;
}
/* END  */


/* ----------- btn start ------------- */
.btn_head_xxsei .woi_inner_btn{
	background-color: #fd8bba !important;
	color: black !important;
	border-radius: 0.5rem !important;
}
.btn_head_xxvii .woi_inner_btn{
	background-color: #faf6e8 !important;
	color: black !important;
	border-radius: 3rem !important;
}
.btn_head_xxix .woi_inner_btn{
	background-color: #faf6e8 !important;
	color: black !important;
	border-radius: 3rem !important;
}
.btn_head_xxviii .woi_inner_btn{
	background-color: #faf6e8 !important;
	color: black !important;
	border-radius: 3rem !important;
}
.btn_head_xxci .woi_inner_btn{
	background-color: #f1feff !important;
	color: black !important;
	outline: 1px solid #a7dcdf;
	border-radius: 3rem !important;
	color: black !important;
}
.btn_head_xxcii .woi_inner_btn{
	background-color: #d8eeff !important;
	color: black !important;
	outline: 1px solid #8cceff;
	border-radius: 3rem !important;
}
.btn_head_xxciii .woi_inner_btn{
	background-color: #effff0 !important;
	color: black !important;
	outline: 1px solid #94d899;
	border-radius: 3rem !important;
}
.btn_head_xxri .woi_inner_btn{
	background-color: #9ada9e !important;
	color: black !important;
	border-radius: 3rem !important;
}
.btn_head_xxrii .woi_inner_btn{
	background-color: #faf1ec !important;
	color: black !important;
	border-radius: 3rem !important;
}
.btn_head_xxriii .woi_inner_btn{
	background-color: #faf1ec !important;
	color: black !important;
	border-radius: 3rem !important;
}
.btn_head_xxdeiii .woi_inner_btn{
	background-color: #f9f8de !important;
	color: black !important;
	border-radius: 3rem !important;
}
.btn_head_xxoli .woi_inner_btn{
	background-color: #f6b0ea !important;
	color: black !important;
	border-radius: 3rem !important;
}
.btn_head_xxolii .woi_inner_btn{
	background-color: #f3f1ed !important;
	color: black !important;
	border-radius: 3rem !important;
}
.btn_head_xxbdi .woi_inner_btn{
	background-color: #ffffff !important;
	color: black !important;
	border-radius: 3rem !important;
}
.btn_head_xxabi .woi_inner_btn{
	background-color: #ffffff !important;
	color: black !important;
	border-radius: 3rem !important;
}
.btn_head_xxabi .woi_inner_btn{
	background-color: #ffffff !important;
	color: black !important;
	border-radius: 0.5rem !important;
}

/* ----------- btn end ------------- */

/* end  */
@media screen and (max-width: 425px) {
.link-body.xxsei{
  background-image: url("../../img/lib-theme/m-sel.gif") !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}
.link-body.xxbdi{
  background-image: url("../../img/lib-theme/m-tem-bdy.gif") !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}
.link-body.xxvii{
  background-image: url("../../img/lib-theme/mob-pebleeOne.png") !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: top !important;

}
.link-body.xxviii{
  background-image: url("../../img/lib-theme/mob-pebleeTwo.png") !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: top !important;

}
.link-body.xxix{
  background-image: url("../../img/lib-theme/mob-pebleeThree.png") !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: top !important;

}
.link-body.xxci{
  background-image: url("../../img/lib-theme/m-tem-5.png") !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}
.link-body.xxcii{
  background-image: url("../../img/lib-theme/m-tem-6.png") !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}
.link-body.xxciii{
  background-image: url("../../img/lib-theme/m-tem-7.png") !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}
.link-body.xxri{
  background-image: url("../../img/lib-theme/m-tem-17.png") !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}
.link-body.xxrii{
  background-image: url("../../img/lib-theme/m-tem-18.png") !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}
.link-body.xxriii{
  background-image: url("../../img/lib-theme/m-tem-19.png") !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}
.link-body.xxdeiii{
  background-image: url("../../img/lib-theme/m-tem-daniel.png") !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}
.link-body.xxoli{
  background-image: url("../../img/lib-theme/m-tem-olv.gif") !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}
.link-body.xxolii{
  background-image: url("../../img/lib-theme/m-tem-olv1.gif") !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

}


.modal-content {
	border-bottom-right-radius: 0px !important ;
	border-bottom-left-radius: 0px !important ;
}

.modal.fade .modal-dialog {
	position: fixed !important ;
	bottom: -100% !important ; /* Start hidden below screen */
	left: 0 !important ;
	/* width: 100% !important ;
	max-width: 100% !important ;  */
	margin: auto !important ;
	transform: translateY(0) !important ;
	opacity: 0 !important ;
	transition: bottom 0.4s ease-out, opacity 0.4s ease-out !important ;
}

.modal.show .modal-dialog {
	bottom: 0 !important ; /* Slide up to stay at the bottom */
	opacity: 1 !important ;
	border-top-left-radius: 20px !important ;
	border-top-right-radius: 20px !important ;
	/* box-shadow: 0 -4px 15px rgba(0, 0, 0, 0.3) !important ;  */
}

.modal.fade .modal-dialog {
	transition: transform 0.3s ease-out !important ;
	transform: translate(0, 50px) !important ;
}
.modal-dialog {
	position: fixed !important ;
	bottom: 0 !important ;
	left: 0% !important ;
	right: 0% !important ;
	margin-bottom: 0 !important ;
	width: 100% !important ;
}

.modal.show .modal-dialog {
	transform: none !important ;
}

.modal-content {
	border-bottom-left-radius: 0 !important ;
	border-bottom-right-radius: 0 !important ;
}
.woi_modal_b_rad {
	border-top-left-radius: 50px !important ;
	border-top-right-radius: 50px !important ;
}
/* Responsive Design */
.template_1 .woi_inner_caption_text {
	width: 100% !important ;
	color: white !important ;
}
.template_1 .woi_inner_btn {
	width: 100% !important ;
}

/* .custom-template-socials .smallicon svg{
	height: 30px  !important ;
	width: 30px  !important ;
} */

/* Small Devices (max-width: 639px) */
@media (max-width: 639px) {
	.woi_main_grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important ;
	}
	.woi_content {
		grid-template-columns: repeat(1, minmax(0, 1fr)) !important ;
		/* height: 4600px !important ; */
		height: 100% !important ;
	}
	.woi_box {
		margin: auto !important ;
	}
	.woi_main {
		margin: 0px 10px !important ;
		padding: 0px 5px !important ;
	}
	.woi_box_b_text {
		text-align: center !important ;
		padding: 14px 30px !important ;
	}
	.woi_sm_btn {
		width: 100% !important ;
		display: flex !important ;
		justify-content: space-between !important ;
		padding: 15px 26px !important ;
		background: white !important ;
		border: 0px solid #717171 !important ;
		border-radius: 15px !important ;
		font-size: 17px !important ;
		font-weight: 500 !important ;
		box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.08) !important ;
		margin-bottom: 20px !important ;
	}
	.woi_modal_w_adjust {
		height: 80vh !important ;
	}
	.woi_categories_list {
		font-size: 14.5px !important ;
		white-space: nowrap !important ;
		overflow-x: auto !important ;
		height: 43px !important ;
		scrollbar-width: none !important ;
	}
	.woi_categories_details_grid {
		display: grid !important ;
		justify-content: space-between !important ;
		font-size: 16px !important ;
		font-weight: 500 !important ;
		display: grid !important ;
		grid-template-columns: repeat(1, minmax(0, 1fr)) !important ;
		margin: 40px 0px !important ;
		gap: 17px !important ;
		overflow-y: auto !important ;
		max-height: 53vh !important ;
		min-height: 8vh !important ;
		scrollbar-width: none !important ;
	}
	.woi_head_text {
		font-weight: 700 !important ;
		margin: 20px 0px !important ;
		font-size: 20px !important ;
	}
	.woi_btn_modal_close_end {
		position: absolute !important ;
		right: 12px !important ;
		top: 27px !important ;
		padding: 6px !important ;
		border: 1px solid black !important ;
		border-radius: 50% !important ;
	}
}
.woi_h_card_screen {
	height: 86vh !important ;
}

/* Medium and Larger Screens (min-width: 640px) */
@media (min-width: 640px) {
	.woi_main_grid {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important ;
	}
	.woi_content {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important ;
	}
	.woi_main {
		margin: 0px 20px !important ;
		padding: 0px 10px !important ;
	}
	.woi_sm_btn {
		width: 100% !important ;
		display: flex !important ;
		justify-content: space-between !important ;
		padding: 20px 15px !important ;
		background: white !important ;
		border: 0px solid #717171 !important ;
		border-radius: 15px !important ;
		font-size: 20px !important ;
		font-weight: 500 !important ;
		box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.08) !important ;
		margin-bottom: 20px !important ;
	}
	.woi_modal_w_adjust {
		height: 80vh !important ;
	}
	.woi_categories_list {
		font-size: 14.5px !important ;
		white-space: nowrap !important ;
		overflow-x: auto !important ;
		height: 40px !important ;
		scrollbar-width: none !important ;
	}
	.woi_categories_details_grid {
		display: grid !important ;
		justify-content: space-between !important ;
		font-size: 13px !important ;
		font-weight: 500 !important ;
		display: grid !important ;
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important ;
		margin: 40px 0px !important ;
		gap: 17px !important ;
		overflow-y: auto !important ;
		max-height: 53vh !important ;
		min-height: 25vh !important ;
		scrollbar-width: none !important ;
	}
	.woi_head_text {
		font-weight: 700 !important ;
		margin: 20px 0px !important ;
		font-size: 35px !important ;
	}
}

@media (min-width: 768px) {
	/* md */
	.woi_main_grid {
		/* grid-template-columns: repeat(4, minmax(0, 1fr)) !important ; */
		/* margin: 0px 20px !important ; */
	}
	.woi_content {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important ;
	}
	.woi_content {
		/* height: 2650px !important ; */
		height: 100% !important ;
	}
	.md-hidden {
		display: none !important ;
	}
	.lg-hidden {
		display: block !important ;
	}
	.woi_sidebar {
		min-width: 280px !important ;
		max-width: 310px !important ;
		flex: 0 0 auto !important ;
	}
	.woi_sm_btn {
		width: 100% !important ;
		display: flex !important ;
		justify-content: space-between !important ;
		padding: 20px 15px !important ;
		background: white !important ;
		border: 0px solid #717171 !important ;
		border-radius: 15px !important ;
		font-size: 20px !important ;
		font-weight: 500 !important ;
		box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.08) !important ;
		margin-bottom: 20px !important ;
	}
	.woi_modal_w_adjust {
		height: 80vh !important ;
	}
	.woi_categories_list {
		font-size: 14.5px !important ;
		white-space: nowrap !important ;
		overflow-x: auto !important ;
		height: 40px !important ;
		scrollbar-width: none !important ;
	}
	.woi_categories_details_grid {
		display: grid !important ;
		justify-content: space-between !important ;
		font-size: 13px !important ;
		font-weight: 500 !important ;
		display: grid !important ;
		grid-template-columns: repeat(4, minmax(0, 1fr)) !important ;
		margin: 40px 0px !important ;
		gap: 17px !important ;
		overflow-y: auto !important ;
		max-height: 53vh !important ;
		min-height: 1vh !important ;
		scrollbar-width: none !important ;
	}
	.woi_head_text {
		font-weight: 700 !important ;
		margin: 20px 0px !important ;
		font-size: 35px !important ;
	}
	.woi_btn_modal_close_end {
		position: absolute !important ;
		right: 25px !important ;
		top: 27px !important ;
		padding: 6px !important ;
		border: 1px solid black !important ;
		border-radius: 50% !important ;
	}
}

@media (min-width: 1024px) {
	/* lg */
	.woi_main_grid {
		display: flex !important ; /* Flex for better alignment in one row */
		max-width: 1395px !important ;
		margin: auto !important ;
		/* gap: 1rem !important ; */
	}
	.md-hidden {
		display: block !important ;
	}
	.lg-hidden {
		display: none !important ;
	}
	.woi-main-01 {
		margin: 0px 20px !important ;
	}
	.woi_sidebar {
		min-width: 280px !important ;
		max-width: 310px !important ;
		flex: 0 0 auto !important ; /* Fixed width */
	}
	.woi_content {
		/* height: 2153px !important ; */
	}
	.woi_content {
		flex: 1 !important ; /* Takes remaining space */
		display: grid !important ;
		grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important ;
		gap: 1rem !important ;
		row-gap: 50px !important ;
	}

	.woi_box {
		height: 311px !important ; /* Set fixed height */
		padding: 0.75rem !important ;
		background-color: #3b82f6 !important ;
		border-radius: 25px !important ;
		display: flex !important ;
		align-items: center !important ;
		justify-content: center !important ;
	}
	.woi_box {
		max-width: 311px !important ;
		max-height: 672px !important ;
	}
	.woi_head_mx {
		margin: 0px 30px !important ;
		border-bottom: none !important ;
		justify-content: center !important ;
	}
	.woi_categories_list {
		font-size: 14.5px !important ;
	}
	.woi_categories_details_grid {
		display: grid !important ;
		justify-content: space-between !important ;
		font-size: 13px !important ;
		font-weight: 500 !important ;
		display: grid !important ;
		grid-template-columns: repeat(4, minmax(0, 1fr)) !important ;
		margin: 40px 0px !important ;
		gap: 17px !important ;
	}
	.woi_head_text {
		font-weight: 700 !important ;
		margin: 20px 0px !important ;
		font-size: 46px !important ;
	}
	.woi_btn_modal_close_end {
		position: absolute !important ;
		right: 50px !important ;
		top: 30px !important ;
		padding: 14px !important ;
		border: 1px solid black !important ;
		border-radius: 50% !important ;
	}
}

@media (min-width: 1280px) {
	.woi_sidebar {
		min-width: 280px !important ;
		max-width: 380px !important ;
		flex: 0 0 auto !important ; /* Fixed width */
	}
	.woi_content {
		/* height: 1464px !important ; */
		height: 100% !important ;
	}
	.woi_content {
		flex: 1 !important ; /* Takes remaining space */
		display: grid !important ;
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important ;
		gap: 1rem !important ;
		margin-bottom: 40px !important ;
		row-gap: 50px !important ;
	}
	.woi_head_mx {
		margin: 0px 225px !important ;
		border-bottom: none !important ;
		justify-content: center !important ;
	}
	.woi_categories_list {
		font-size: 16.5px !important ;
		font-weight: 500 !important ;
	}
	.woi_categories_details_grid {
		display: grid !important ;
		justify-content: space-between !important ;
		font-size: 17px !important ;
		font-weight: 500 !important ;
		display: grid !important ;
		grid-template-columns: repeat(4, minmax(0, 1fr)) !important ;
		margin: 40px 0px !important ;
		gap: 17px !important ;
	}
	.woi_head_text {
		font-weight: 700 !important ;
		margin: 20px 0px !important ;
		font-size: 46px !important ;
	}
	.woi_btn_modal_close_end {
		position: absolute !important ;
		right: 50px !important ;
		top: 30px !important ;
		padding: 14px !important ;
		border: 1px solid black !important ;
		border-radius: 50% !important ;
	}
	.woi_catergores_b_b {
		padding-bottom: 20px !important ;
		border-bottom: 1px solid #dddddd !important ;
	}
}

@media (min-width: 2560px) {
	.woi_head_mx {
		margin: 0px 700px !important ;
		border-bottom: none !important ;
		justify-content: center !important ;
	}
	.woi_categories_list {
		justify-content: space-between !important ;
		font-size: 17.5px !important ;
		font-weight: 500 !important ;
	}
	.woi_categories_details_grid {
		display: grid !important ;
		justify-content: space-between !important ;
		font-size: 17.5px !important ;
		font-weight: 500 !important ;
		display: grid !important ;
		grid-template-columns: repeat(4, minmax(0, 1fr)) !important ;
		margin: 40px 0px !important ;
		gap: 17px !important ;
	}
	.woi_head_text {
		font-weight: 700 !important ;
		margin: 20px 0px !important ;
		font-size: 46px !important ;
	}
	.woi_btn_modal_close_end {
		position: absolute !important ;
		right: 50px !important ;
		top: 30px !important ;
		padding: 14px !important ;
		border: 1px solid black !important ;
		border-radius: 50% !important ;
	}
	.woi_catergores_b_b {
		padding-bottom: 20px !important ;
		border-bottom: 1px solid #dddddd !important ;
	}
}

/* ------------------------------------ */
/* .woi_head_text {
	font-weight: 700 !important ;
	margin: 20px 0px  !important ;
	font-size: 46px !important ;
} */
/* .woi_head_mx{
	margin: 0px 350px !important ;
    border-bottom: none  !important ;
	justify-content: center  !important ;
} */
.woi_body_w {
	margin: 0px 450px !important ;
	border-bottom: none !important ;
}
/* .woi_categories_list {
	justify-content: space-between !important ;
	font-size: 17.5px !important ;
	font-weight: 500 !important ;
} */
.woi_categories_details {
	/* display: grid !important ;
	justify-content: space-between !important ;
	font-size: 17.5px !important ;
    font-weight: 500 !important ;
	display: grid !important ;
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important ; */
}
/* .woi_categories_details_grid {
	display: grid  !important ;
	justify-content: space-between !important ;
	font-size: 17.5px !important ;
	font-weight: 500 !important ;
	display: grid !important ;
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important ;
	margin: 40px 0px !important ;
	gap: 17px !important ;
} */
/* .woi_btn_modal_close_end {
	position: absolute !important ;
	right: 50px !important ;
	top: 30px !important ;
	padding: 14px  !important ;
	border: 1px solid black  !important ;
	border-radius: 50%  !important ;
} */

.woi_categories_list {
	display: flex !important ;
	/* gap: 10px !important ; */
	cursor: pointer !important ;
	/* border-bottom: 2px solid #ddd !important ; */
	color: #666666 !important ;
	justify-content: space-between !important ;
}
.woi_categories_list div {
	padding: 10px !important ;
	position: relative !important ;
	transition: color 0.3s !important ;
}
.woi_categories_list div.active {
	font-weight: bold !important ;
	color: #292929 !important ;
}
.woi_categories_list div.active::after {
	content: "" !important ;
	position: absolute !important ;
	left: 0 !important ;
	bottom: 2px !important ;
	width: 100% !important ;
	height: 3px !important ;
	background: #292929 !important ;
	transition: width 0.3s !important ;
}
.woi_categories_details {
	display: none !important ;
	margin-top: 10px !important ;
	animation: fadeIn 0.3s ease-in-out !important ;
}
.woi_categories_details.active {
	display: block !important ;
}
@keyframes fadeIn {
	from {
		opacity: 0 !important ;
		transform: translateY(-10px) !important ;
	}
	to {
		opacity: 1 !important ;
		transform: translateY(0) !important ;
	}
}
/* ----------------------------------- */

.woi_main_grid {
	max-width: 1395px !important ;
	margin: auto !important ;
}

/* .woi_box {
	max-width: 355px !important ;
	max-height: 672px !important ;
} */

/* -------------------------------preview template------------------------- */
/* ✅ Extra Small Devices (Phones) */
@media screen and (max-width: 600px) {

    .link-verify-bio-url.proimgsize_125 {
        margin-top: 77px;
    }
	.woi_btn_modal_close_end_template {
		position: absolute !important ;
		right: 27px !important ;
		top: 16px !important ;
		padding: 11px !important ;
		border: 1px solid black !important ;
		border-radius: 50% !important ;
	}
	.scrollable-modal .modal-body {
		max-height: calc(100vh - 300px) !important ; /* Adjust height as needed */
		overflow-y: auto !important ;
	}
	.modal-body {
		max-height: calc(100vh - 246px) !important ; /* Adjust height as needed */
		overflow-y: auto !important ;
	}
	.woi_inner_main_temp {
		gap: 20px !important ;
	}
	.woi_mx_temp {
		margin: 0px 00px !important ;
	}
	.woi_path_temp {
		color: rgb(103, 107, 95) !important ;
		font-size: 12px !important ;
		font-weight: 500 !important ;
	}
	.woi_inner_01 {
		display: flex !important ;
		gap: 10px !important ;
		flex-direction: column-reverse !important ;
	}
	.woi_inner_02 {
		display: flex !important ;
		flex-direction: column !important ;
		gap: 16px !important ;
		width: 100% !important ;
		/* ------ */
		/* position: sticky !important ; */
		/* height: 55vh !important ; */
		top: 0px !important ;
		justify-content: center !important ;
		margin-top: 111px !important ;
	}
	.woi_inner_temp_view {
		width: 100% !important ;
		display: flex !important ;
		justify-content: center !important ;
		align-items: center !important ;
		/* padding: 30px !important ; */
		/* background-color: #f4f4f4 !important ; */
		border-radius: 20px !important ;
	}
	.woi_inner_headding {
		font-size: 35px !important ;
		font-weight: 700 !important ;
		align-items: center !important ;
		justify-content: center !important ;
		display: flex !important ;
		margin-top: 25px !important ;
	}
	.woi_inner_caption {
		font-size: 19px !important ;
		font-weight: 500 !important ;
		color: #484848 !important ;
		/* width: 90% !important ; */
		/* min-width: 85% !important ;
			max-width: 85% !important ; */
		margin-bottom: 15px !important ;
	}
	.woi_inner_temp_h {
		height: 72vh !important ;
		display: flex !important ;
		justify-content: center !important ;
		align-items: center !important ;
		width: 74% !important ;
	}

	.woi_create_btn_temp {
	}
	.woi_get_headding {
		font-size: 25px !important ;
		font-weight: 700 !important ;
		color: #1a1a1a !important ;
		text-align: center !important ;
		margin: 34px 10px !important ;
		margin-bottom: 0px !important ;
		font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
			Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue",
			sans-serif !important ;
	}

	/* ---------------------footer stage-------------- */

	.carousel-container {
		position: relative !important ;
		width: 100% !important ;
		/* max-width: 800px !important ; */
		margin: auto !important ;
		overflow: hidden !important ;
	}

	.card-container {
		display: flex !important ;
		gap: 70px !important ;
		transition: transform 0.5s ease-in-out !important ;
		scroll-behavior: smooth !important ;
		/* min-height: 42vh !important ;
			max-height: 60vh !important ; */
		margin: 85px 0px !important ;
		margin-top: 50px !important ;
	}
	.woi_card_temp img {
		width: 300px !important ;
		height: 360px !important ;
		object-fit: cover !important ;
		object-position: center !important ;
		border-radius: 15px !important ;
	}

	.woi_card_temp {
		min-width: 250px !important ;
		height: 160px !important ;
		background: #3498db00 !important ;
		color: white !important ;
		display: flex !important ;
		align-items: center !important ;
		justify-content: center !important ;
		font-size: 18px !important ;
		border-radius: 8px !important ;
		flex-shrink: 0 !important ;
		margin: 17px 32px !important ;
	}

	/* .btn {
			position: absolute !important ;
			top: 50% !important ;
			transform: translateY(-50%) !important ;
			background: rgba(0, 0, 0, 0.5) !important ;
			color: white !important ;
			border: none !important ;
			cursor: pointer !important ;
			padding: 10px !important ;
			border-radius: 50% !important ;
		} */
	.woi_inner_btn {
		background: #000000 !important ;
		border: none !important ;
		border-radius: 25px !important ;
		padding: 0px 40px !important ;
		height: 50px !important ;
		margin: 5px 0px !important ;
		color: white !important ;
		width: 100% !important ;
	}
	.woi_inner_btn > svg {
		width: 34px !important ;
		margin-left: 10px !important ;
		transition: transform 0.3s ease-in-out !important ;
	}

	.woi_inner_btn:hover svg {
		transform: translateX(0px) !important ;
	}

	.woi_inner_btn:active {
		transform: scale(0.95) !important ;
	}
	.woi_nex_pre_btn {
		justify-content: end !important ;
		gap: 10px !important ;
		height: 9vh !important ;
	}
	.prev {
		left: 10px !important ;
	}

	.next {
		right: 10px !important ;
	}

	/* ------------------------------------- */

	.woi_c_card {
		width: 250px !important ;
		height: 350px !important ;
		/* background: rgb(103, 225, 255) !important ; */
		transition: all 0.4s !important ;
		border-radius: 10px !important ;
		/* box-shadow: 0px 0px 10px 5px  rgba(0, 0, 0, 0.705) !important ; */
		font-size: 30px !important ;
		font-weight: 900 !important ;
		/* margin: 85px 0px !important ; */
	}

	.woi_c_card:hover {
		border-radius: 50px !important ;
		cursor: pointer !important ;
		transform: scale(1.2) !important ;
		/* box-shadow: 0px 0px 10px 5px  rgba(0, 0, 0, 0.705) !important ; */
		background: #cfef00 !important ;
	}

	.first-content {
		/* height: 100% !important ;
			width: 100% !important ; */
		transition: all 0.4s !important ;
		display: flex !important ;
		justify-content: center !important ;
		align-items: center !important ;
		opacity: 1 !important ;
		border-radius: 15px !important ;
		width: 250px !important ;
		height: 350px !important ;
		border-radius: 50px !important ;
	}
	.first-content img {
		border-radius: 50px !important ;
		width: 300px !important ;
		height: 360px !important ;
		object-fit: cover !important ;
		object-position: center !important ;
	}

	.woi_c_card:hover .first-content {
		height: 0px !important ;
		opacity: 0 !important ;
	}

	.second-content {
		width: 250px !important ;
		/* height: 350px !important ; */
		opacity: 0 !important ;
		display: flex !important ;
		justify-content: center !important ;
		align-items: center !important ;
		border-radius: 50px !important ;
		transition: all 0.4s !important ;
		font-size: 0px !important ;
		transform: rotate(90deg) scale(-1) !important ;
		/* box-shadow: 4px 12px 47px 0 rgba(0, 0, 0, 0.1) !important ; */
	}

	.woi_c_card:hover .second-content {
		opacity: 1 !important ;
		height: 100% !important ;
		font-size: 1rem !important ;
		transform: rotate(0deg) !important ;
	}
	.woi_foot_main {
		margin: 0px 0px !important ;
	}
	.woi_modal_foot_main_btn {
		display: flex !important ;
		gap: 20px !important ;
		margin-bottom: 50px !important ;
		flex-direction: column !important ;
	}
	.woi_modal_foot_btn {
		width: 100% !important ;
	}

	.woi_modal_foot_btn .woi_create_btn_temp {
		width: 100% !important ;
		height: 100px !important ;
		font-size: 25px !important ;
		display: flex !important ;
		justify-content: center !important ;
		align-items: center !important ;
	}

	/* ---------------woi_create_foot_btn_2----------- */
	.woi_create_foot_btn_2 {
		position: relative !important ;
		display: flex !important ;
		align-items: center !important ;
		justify-content: center !important ;
		width: 100% !important ;
		height: 100px !important ;
		border-radius: 96px !important ;
		border: none !important ;
		padding: 0px 20px !important ;
		background-color: rgb(168, 38, 255) !important ;
		color: white !important ;
		font-weight: 500 !important ;
		cursor: pointer !important ;
		border-radius: 100px !important ;
		box-shadow: 5px 5px 0px rgb(140, 32, 212) !important ;
		transition-duration: 0.3s !important ;
		font-size: 25px !important ;
	}

	.svg {
		width: 13px !important ;
		position: absolute !important ;
		right: 0 !important ;
		margin-right: 20px !important ;
		fill: white !important ;
		transition-duration: 0.3s !important ;
	}

	/* .woi_create_foot_btn_2:hover {
			color: transparent !important ;
		  } */

	.woi_create_foot_btn_2:hover svg {
		right: 43% !important ;
		margin: 0 !important ;
		padding: 0 !important ;
		border: none !important ;
		transition-duration: 0.3s !important ;
	}

	.woi_create_foot_btn_2:active {
		transform: translate(3px, 3px) !important ;
		transition-duration: 0.3s !important ;
		box-shadow: 2px 2px 0px rgb(140, 32, 212) !important ;
	}

	.link-verify-bio-url.proimgsize_75{
		margin-top: 50px;
	}

	.link-verify-bio-url.proimgsize_150{
		margin-top: 90px;
	}

	#biolink_preview_iframe .link-verify-bio-url.proimgsize_150{
		margin-top: 35px;
	}

}

/* ✅ Small Devices (Tablets) */
@media screen and (min-width: 601px) and (max-width: 1023px) {
	.woi_btn_modal_close_end_template {
		position: absolute !important ;
		right: 27px !important ;
		top: 16px !important ;
		padding: 11px !important ;
		border: 1px solid black !important ;
		border-radius: 50% !important ;
	}
	.scrollable-modal .modal-body {
		max-height: calc(100vh - 300px) !important ; /* Adjust height as needed */
		overflow-y: auto !important ;
	}
	.modal-body {
		max-height: calc(100vh - 240px) !important ; /* Adjust height as needed */
		overflow-y: auto !important ;
	}
	.woi_inner_main_temp {
		gap: 20px !important ;
	}
	.woi_mx_temp {
		margin: 0px 0px !important ;
	}
	.woi_path_temp {
		color: rgb(103, 107, 95) !important ;
		font-size: 15px !important ;
		font-weight: 500 !important ;
	}
	.woi_inner_01 {
		display: flex !important ;
		gap: 10px !important ;
	}
	.woi_create_btn_temp span {
	}
	.woi_inner_02 {
		display: flex !important ;
		flex-direction: column !important ;
		gap: 40px !important ;
		width: 55% !important ;
		/* ------ */
		position: sticky !important ;
		height: 55vh !important ;
		top: 0px !important ;
		justify-content: center !important ;
	}
	.woi_inner_temp_view {
		width: 36% !important ;
		/* padding: 30px !important ; */
		/* background-color: #f4f4f4 !important ; */
		border-radius: 20px !important ;
	}
	.woi_inner_headding {
		font-size: 40px !important ;
		font-weight: 700 !important ;
	}
	.woi_inner_caption {
		font-size: 19px !important ;
		font-weight: 500 !important ;
		color: #484848 !important ;
		width: 90% !important ;
	}
	.woi_inner_temp_h {
		height: 72vh !important ;
		display: flex !important ;
		justify-content: center !important ;
		align-items: center !important ;
	}

	.woi_create_btn_temp {
	}
	.woi_get_headding {
		font-size: 40px !important ;
		font-weight: 700 !important ;
		color: #1a1a1a !important ;
		text-align: center !important ;
		margin: 34px 10px !important ;
		margin-bottom: 0px !important ;
		font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
			Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue",
			sans-serif !important ;
	}

	/* ---------------------footer stage-------------- */

	.carousel-container {
		position: relative !important ;
		width: 100% !important ;
		/* max-width: 800px !important ; */
		margin: auto !important ;
		overflow: hidden !important ;
	}

	.card-container {
		display: flex !important ;
		gap: 70px !important ;
		transition: transform 0.5s ease-in-out !important ;
		scroll-behavior: smooth !important ;
		/* min-height: 42vh !important ;
			max-height: 60vh !important ; */
		margin: 85px 0px !important ;
		margin-top: 50px !important ;
	}
	.woi_card_temp img {
		width: 300px !important ;
		height: 360px !important ;
		object-fit: cover !important ;
		object-position: center !important ;
		border-radius: 15px !important ;
	}

	.woi_card_temp {
		min-width: 250px !important ;
		height: 160px !important ;
		background: #3498db00 !important ;
		color: white !important ;
		display: flex !important ;
		align-items: center !important ;
		justify-content: center !important ;
		font-size: 18px !important ;
		border-radius: 8px !important ;
		flex-shrink: 0 !important ;
		margin: 17px 32px !important ;
	}

	/* .btn {
			position: absolute !important ;
			top: 50% !important ;
			transform: translateY(-50%) !important ;
			background: rgba(0, 0, 0, 0.5) !important ;
			color: white !important ;
			border: none !important ;
			cursor: pointer !important ;
			padding: 10px !important ;
			border-radius: 50% !important ;
		} */
	.woi_inner_btn {
		background: #006dff !important ;
		border: none !important ;
		border-radius: 25px !important ;
		width: 5.5% !important ;
		height: 42px !important ;
		margin: 5px 0px !important ;
		color: white !important ;
	}
	.woi_inner_btn > svg {
		width: 34px !important ;
		margin-left: 10px !important ;
		transition: transform 0.3s ease-in-out !important ;
	}

	.woi_inner_btn:hover svg {
		transform: translateX(0px) !important ;
	}

	.woi_inner_btn:active {
		transform: scale(0.95) !important ;
	}
	.woi_nex_pre_btn {
		justify-content: end !important ;
		gap: 10px !important ;
		height: 9vh !important ;
	}
	.prev {
		left: 10px !important ;
	}

	.next {
		right: 10px !important ;
	}

	/* ------------------------------------- */

	.woi_c_card {
		width: 250px !important ;
		height: 350px !important ;
		/* background: rgb(103, 225, 255) !important ; */
		transition: all 0.4s !important ;
		border-radius: 10px !important ;
		/* box-shadow: 0px 0px 10px 5px  rgba(0, 0, 0, 0.705) !important ; */
		font-size: 30px !important ;
		font-weight: 900 !important ;
		/* margin: 85px 0px !important ; */
	}

	.woi_c_card:hover {
		border-radius: 50px !important ;
		cursor: pointer !important ;
		transform: scale(1.2) !important ;
		/* box-shadow: 0px 0px 10px 5px  rgba(0, 0, 0, 0.705) !important ; */
		background: #cfef00 !important ;
	}

	.first-content {
		/* height: 100% !important ;
			width: 100% !important ; */
		transition: all 0.4s !important ;
		display: flex !important ;
		justify-content: center !important ;
		align-items: center !important ;
		opacity: 1 !important ;
		border-radius: 15px !important ;
		width: 250px !important ;
		height: 350px !important ;
		border-radius: 50px !important ;
	}
	.first-content img {
		border-radius: 50px !important ;
		width: 300px !important ;
		height: 360px !important ;
		object-fit: cover !important ;
		object-position: center !important ;
	}

	.woi_c_card:hover .first-content {
		height: 0px !important ;
		opacity: 0 !important ;
	}

	.second-content {
		width: 250px !important ;
		/* height: 350px !important ; */
		opacity: 0 !important ;
		display: flex !important ;
		justify-content: center !important ;
		align-items: center !important ;
		border-radius: 50px !important ;
		transition: all 0.4s !important ;
		font-size: 0px !important ;
		transform: rotate(90deg) scale(-1) !important ;
		/* box-shadow: 4px 12px 47px 0 rgba(0, 0, 0, 0.1) !important ; */
	}

	.woi_c_card:hover .second-content {
		opacity: 1 !important ;
		height: 100% !important ;
		font-size: 1rem !important ;
		transform: rotate(0deg) !important ;
	}
	.woi_foot_main {
		margin: 0px 50px !important ;
	}
	.woi_modal_foot_main_btn {
		display: flex !important ;
		gap: 20px !important ;
		margin-bottom: 50px !important ;
	}
	.woi_modal_foot_btn {
		width: 100% !important ;
	}

	.woi_modal_foot_btn .woi_create_btn_temp {
		width: 100% !important ;
		height: 139px !important ;
		font-size: 25px !important ;
		display: flex !important ;
		justify-content: center !important ;
		align-items: center !important ;
	}

	/* ---------------woi_create_foot_btn_2----------- */
	.woi_create_foot_btn_2 {
		position: relative !important ;
		display: flex !important ;
		align-items: center !important ;
		justify-content: center !important ;
		width: 100% !important ;
		height: 139px !important ;
		border-radius: 96px !important ;
		border: none !important ;
		padding: 0px 20px !important ;
		background-color: rgb(168, 38, 255) !important ;
		color: white !important ;
		font-weight: 500 !important ;
		cursor: pointer !important ;
		border-radius: 100px !important ;
		box-shadow: 5px 5px 0px rgb(140, 32, 212) !important ;
		transition-duration: 0.3s !important ;
		font-size: 25px !important ;
	}

	.svg {
		width: 13px !important ;
		position: absolute !important ;
		right: 0 !important ;
		margin-right: 20px !important ;
		fill: white !important ;
		transition-duration: 0.3s !important ;
	}

	/* .woi_create_foot_btn_2:hover {
			color: transparent !important ;
		  } */

	.woi_create_foot_btn_2:hover svg {
		right: 43% !important ;
		margin: 0 !important ;
		padding: 0 !important ;
		border: none !important ;
		transition-duration: 0.3s !important ;
	}

	.woi_create_foot_btn_2:active {
		transform: translate(3px, 3px) !important ;
		transition-duration: 0.3s !important ;
		box-shadow: 2px 2px 0px rgb(140, 32, 212) !important ;
	}
}

/* ✅ Medium to Large Devices (Laptops, Desktops) */
@media screen and (min-width: 1024px) {
	.woi_btn_modal_close_end_template {
		position: absolute !important ;
		right: 27px !important ;
		top: 16px !important ;
		padding: 11px !important ;
		border: 1px solid black !important ;
		border-radius: 50% !important ;
	}
	.scrollable-modal .modal-body {
		max-height: calc(100vh - 300px) !important ; /* Adjust height as needed */
		overflow-y: auto !important ;
	}
	.modal-body {
		max-height: calc(100vh - 300px) !important ; /* Adjust height as needed */
		overflow-y: auto !important ;
	}
	.woi_inner_main_temp {
		gap: 20px !important ;
	}
	.woi_mx_temp {
		margin: 0px 50px !important ;
	}
	.woi_path_temp {
		color: rgb(103, 107, 95) !important ;
		font-size: 15px !important ;
		font-weight: 500 !important ;
	}
	.woi_inner_01 {
		display: flex !important ;
		gap: 10px !important ;
	}
	.woi_inner_02 {
		display: flex !important ;
		flex-direction: column !important ;
		gap: 40px !important ;
		width: 60% !important ;
		/* ------ */
		position: sticky !important ;
		height: 55vh !important ;
		top: 0px !important ;
		justify-content: center !important ;
	}
	.woi_inner_temp_view {
		width: 33% !important ;
		/* padding: 30px !important ; */
		/* background-color: #f4f4f4 !important ; */
		border-radius: 20px !important ;
	}
	.woi_inner_headding {
		font-size: 40px !important ;
		font-weight: 700 !important ;
	}
	.woi_inner_caption {
		font-size: 19px !important ;
		font-weight: 500 !important ;
		color: #484848 !important ;
		width: 90% !important ;
	}
	.woi_inner_temp_h {
		height: 72vh !important ;
		display: flex !important ;
		justify-content: center !important ;
		align-items: center !important ;
	}

	.woi_create_btn_temp {
	}
	.woi_get_headding {
		font-size: 40px !important ;
		font-weight: 700 !important ;
		color: #1a1a1a !important ;
		text-align: center !important ;
		margin: 34px 10px !important ;
		margin-bottom: 0px !important ;
		font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
			Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue",
			sans-serif !important ;
	}

	/* ---------------------footer stage-------------- */

	.carousel-container {
		position: relative !important ;
		width: 100% !important ;
		/* max-width: 800px !important ; */
		margin: auto !important ;
		overflow: hidden !important ;
	}

	.card-container {
		display: flex !important ;
		gap: 70px !important ;
		transition: transform 0.5s ease-in-out !important ;
		scroll-behavior: smooth !important ;
		/* min-height: 42vh !important ;
		max-height: 60vh !important ; */
		margin: 85px 0px !important ;
		margin-top: 50px !important ;
	}
	.woi_card_temp img {
		width: 300px !important ;
		height: 360px !important ;
		object-fit: cover !important ;
		object-position: center !important ;
		border-radius: 15px !important ;
	}

	.woi_card_temp {
		min-width: 250px !important ;
		height: 160px !important ;
		background: #3498db00 !important ;
		color: white !important ;
		display: flex !important ;
		align-items: center !important ;
		justify-content: center !important ;
		font-size: 18px !important ;
		border-radius: 8px !important ;
		flex-shrink: 0 !important ;
		margin: 17px 32px !important ;
	}

	/* .btn {
		position: absolute !important ;
		top: 50% !important ;
		transform: translateY(-50%) !important ;
		background: rgba(0, 0, 0, 0.5) !important ;
		color: white !important ;
		border: none !important ;
		cursor: pointer !important ;
		padding: 10px !important ;
		border-radius: 50% !important ;
	} */
	.woi_inner_btn {
		/*background: #006dff !important ;*/
		border: none !important ;
		/*border-radius: 25px  !important ;*/
		width: 5.5% !important ;
		height: 42px !important ;
		margin: 5px 0px !important ;
		/*color: white !important ;*/
	}
	.woi_inner_btn > svg {
		width: 34px !important ;
		margin-left: 10px !important ;
		transition: transform 0.3s ease-in-out !important ;
	}

	.woi_inner_btn:hover svg {
		transform: translateX(0px) !important ;
	}

	.woi_inner_btn:active {
		transform: scale(0.95) !important ;
	}
	.woi_nex_pre_btn {
		justify-content: end !important ;
		gap: 10px !important ;
		height: 9vh !important ;
	}
	.prev {
		left: 10px !important ;
	}

	.next {
		right: 10px !important ;
	}

	/* ------------------------------------- */

	.woi_c_card {
		width: 250px !important ;
		height: 350px !important ;
		/* background: rgb(103, 225, 255) !important ; */
		transition: all 0.4s !important ;
		border-radius: 10px !important ;
		/* box-shadow: 0px 0px 10px 5px  rgba(0, 0, 0, 0.705) !important ; */
		font-size: 30px !important ;
		font-weight: 900 !important ;
		/* margin: 85px 0px !important ; */
	}

	.woi_c_card:hover {
		border-radius: 50px !important ;
		cursor: pointer !important ;
		transform: scale(1.2) !important ;
		/* box-shadow: 0px 0px 10px 5px  rgba(0, 0, 0, 0.705) !important ; */
		background: #cfef00 !important ;
	}

	.first-content {
		/* height: 100% !important ;
		width: 100% !important ; */
		transition: all 0.4s !important ;
		display: flex !important ;
		justify-content: center !important ;
		align-items: center !important ;
		opacity: 1 !important ;
		border-radius: 15px !important ;
		width: 250px !important ;
		height: 350px !important ;
		border-radius: 50px !important ;
	}
	.first-content img {
		border-radius: 50px !important ;
		width: 300px !important ;
		height: 360px !important ;
		object-fit: cover !important ;
		object-position: center !important ;
	}

	.woi_c_card:hover .first-content {
		height: 0px !important ;
		opacity: 0 !important ;
	}

	.second-content {
		width: 250px !important ;
		/* height: 350px !important ; */
		opacity: 0 !important ;
		display: flex !important ;
		justify-content: center !important ;
		align-items: center !important ;
		border-radius: 50px !important ;
		transition: all 0.4s !important ;
		font-size: 0px !important ;
		transform: rotate(90deg) scale(-1) !important ;
		/* box-shadow: 4px 12px 47px 0 rgba(0, 0, 0, 0.1) !important ; */
	}

	.woi_c_card:hover .second-content {
		opacity: 1 !important ;
		height: 100% !important ;
		font-size: 1rem !important ;
		transform: rotate(0deg) !important ;
	}
	.woi_foot_main {
		margin: 0px 50px !important ;
	}
	.woi_modal_foot_main_btn {
		display: flex !important ;
		gap: 20px !important ;
		margin-bottom: 50px !important ;
	}
	.woi_modal_foot_btn {
		width: 100% !important ;
	}

	.woi_modal_foot_btn .woi_create_btn_temp {
		width: 100% !important ;
		height: 200px !important ;
		font-size: 35px !important ;
		display: flex !important ;
		justify-content: center !important ;
		align-items: center !important ;
	}

	/* ---------------woi_create_foot_btn_2----------- */
	.woi_create_foot_btn_2 {
		position: relative !important ;
		display: flex !important ;
		align-items: center !important ;
		justify-content: center !important ;
		width: 100% !important ;
		height: 200px !important ;
		border-radius: 96px !important ;
		border: none !important ;
		padding: 0px 20px !important ;
		background-color: rgb(168, 38, 255) !important ;
		color: white !important ;
		font-weight: 500 !important ;
		cursor: pointer !important ;
		border-radius: 100px !important ;
		box-shadow: 5px 5px 0px rgb(140, 32, 212) !important ;
		transition-duration: 0.3s !important ;
		font-size: 35px !important ;
	}

	.svg {
		width: 13px !important ;
		position: absolute !important ;
		right: 0 !important ;
		margin-right: 20px !important ;
		fill: white !important ;
		transition-duration: 0.3s !important ;
	}

	/* .woi_create_foot_btn_2:hover {
		color: transparent !important ;
	  } */

	.woi_create_foot_btn_2:hover svg {
		right: 43% !important ;
		margin: 0 !important ;
		padding: 0 !important ;
		border: none !important ;
		transition-duration: 0.3s !important ;
	}

	.woi_create_foot_btn_2:active {
		transform: translate(3px, 3px) !important ;
		transition-duration: 0.3s !important ;
		box-shadow: 2px 2px 0px rgb(140, 32, 212) !important ;
	}
}

.woi_box:hover .woi_inner.woi_inner_op {
	opacity: 1 !important ; /* Hide original text */
}

.woi_box:hover .template_text.woi_inner_op {
	opacity: 1 !important ; /* Show new text on hover */
}

/* ✅ Extra Large Screens (TV, Large Monitors) */
@media screen and (min-width: 1440px) {
	.woi_btn_modal_close_end_template {
		position: absolute !important ;
		right: 27px !important ;
		top: 16px !important ;
		padding: 11px !important ;
		border: 1px solid black !important ;
		border-radius: 50% !important ;
	}

	.modal-body.scrollable-modal {
		max-height: calc(100vh - 300px) !important ; /* Adjust height as needed */
		overflow-y: auto !important ;
		scrollbar-width: none !important ;
	}

	.woi_btn_modal_close_end_template {
		position: absolute !important ;
		right: 27px !important ;
		top: 16px !important ;
		padding: 11px !important ;
		border: 1px solid black !important ;
		border-radius: 50% !important ;
	}
	.scrollable-modal .modal-body {
		max-height: calc(100vh - 300px) !important ; /* Adjust height as needed */
		overflow-y: auto !important ;
	}
	.woi_inner_main_temp {
		gap: 20px !important ;
	}
	.woi_mx_temp {
		margin: 0px 250px !important ;
	}
	.woi_path_temp {
		color: rgb(103, 107, 95) !important ;
		font-size: 15px !important ;
		font-weight: 500 !important ;
	}
	.woi_inner_01 {
		display: flex !important ;
		gap: 10px !important ;
	}
	.woi_inner_02 {
		display: flex !important ;
		flex-direction: column !important ;
		gap: 40px !important ;
		width: 60% !important ;
		/* ------ */
		position: sticky !important ;
		height: 55vh !important ;
		top: 0px !important ;
		justify-content: center !important ;
	}
	.woi_inner_temp_view {
		width: 33% !important ;
		/* padding: 30px !important ; */
		/* background-color: #f4f4f4 !important ; */
		border-radius: 20px !important ;
	}
	.woi_inner_headding {
		font-size: 40px !important ;
		font-weight: 700 !important ;
	}
	.woi_inner_caption {
		font-size: 19px !important ;
		font-weight: 500 !important ;
		color: #484848 !important ;
		width: 90% !important ;
	}
	.woi_inner_temp_h {
		height: 72vh !important ;
		display: flex !important ;
		justify-content: center !important ;
		align-items: center !important ;
	}

	.woi_create_btn_temp {
	}
	.woi_get_headding {
		font-size: 40px !important ;
		font-weight: 700 !important ;
		color: #1a1a1a !important ;
		text-align: center !important ;
		margin: 34px 10px !important ;
		margin-bottom: 0px !important ;
		font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
			Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue",
			sans-serif !important ;
	}

	/* ---------------------footer stage-------------- */

	.carousel-container {
		position: relative !important ;
		width: 100% !important ;
		/* max-width: 800px !important ; */
		margin: auto !important ;
		overflow: hidden !important ;
	}

	.card-container {
		display: flex !important ;
		gap: 70px !important ;
		transition: transform 0.5s ease-in-out !important ;
		scroll-behavior: smooth !important ;
		/* min-height: 42vh !important ;
			max-height: 60vh !important ; */
		margin: 85px 0px !important ;
		margin-top: 50px !important ;
	}
	.woi_card_temp img {
		width: 300px !important ;
		height: 360px !important ;
		object-fit: cover !important ;
		object-position: center !important ;
		border-radius: 15px !important ;
	}

	.woi_card_temp {
		min-width: 250px !important ;
		height: 160px !important ;
		background: #3498db00 !important ;
		color: white !important ;
		display: flex !important ;
		align-items: center !important ;
		justify-content: center !important ;
		font-size: 18px !important ;
		border-radius: 8px !important ;
		flex-shrink: 0 !important ;
		margin: 17px 32px !important ;
	}

	/* .btn {
			position: absolute !important ;
			top: 50% !important ;
			transform: translateY(-50%) !important ;
			background: rgba(0, 0, 0, 0.5) !important ;
			color: white !important ;
			border: none !important ;
			cursor: pointer !important ;
			padding: 10px !important ;
			border-radius: 50% !important ;
		} */
	.woi_inner_btn {
		/*background: #000000 !important ;*/
		border: none !important ;
		/*border-radius: 25px  !important ;*/
		width: 5.5% !important ;
		height: 50px !important ;
		margin: 5px 0px !important ;
		/*color: white !important ;*/
		width: 100% !important ;
	}
	.woi_inner_btn > svg {
		width: 34px !important ;
		margin-left: 10px !important ;
		transition: transform 0.3s ease-in-out !important ;
	}

	.woi_inner_btn:hover svg {
		transform: translateX(0px) !important ;
	}

	.woi_inner_btn:active {
		transform: scale(0.95) !important ;
	}
	.woi_nex_pre_btn {
		justify-content: end !important ;
		gap: 10px !important ;
		height: 9vh !important ;
	}
	.prev {
		left: 10px !important ;
	}

	.next {
		right: 10px !important ;
	}

	/* ------------------------------------- */

	.woi_c_card {
		width: 250px !important ;
		height: 350px !important ;
		/* background: rgb(103, 225, 255) !important ; */
		transition: all 0.4s !important ;
		border-radius: 10px !important ;
		/* box-shadow: 0px 0px 10px 5px  rgba(0, 0, 0, 0.705) !important ; */
		font-size: 30px !important ;
		font-weight: 900 !important ;
		/* margin: 85px 0px !important ; */
	}

	.woi_c_card:hover {
		border-radius: 50px !important ;
		cursor: pointer !important ;
		transform: scale(1.2) !important ;
		/* box-shadow: 0px 0px 10px 5px  rgba(0, 0, 0, 0.705) !important ; */
		background: #cfef00 !important ;
	}

	.first-content {
		/* height: 100% !important ;
			width: 100% !important ; */
		transition: all 0.4s !important ;
		display: flex !important ;
		justify-content: center !important ;
		align-items: center !important ;
		opacity: 1 !important ;
		border-radius: 15px !important ;
		width: 250px !important ;
		height: 350px !important ;
		border-radius: 50px !important ;
	}
	.first-content img {
		border-radius: 50px !important ;
		width: 300px !important ;
		height: 360px !important ;
		object-fit: cover !important ;
		object-position: center !important ;
	}

	.woi_c_card:hover .first-content {
		height: 0px !important ;
		opacity: 0 !important ;
	}

	.second-content {
		width: 250px !important ;
		/* height: 350px !important ; */
		opacity: 0 !important ;
		display: flex !important ;
		justify-content: center !important ;
		align-items: center !important ;
		border-radius: 50px !important ;
		transition: all 0.4s !important ;
		font-size: 0px !important ;
		transform: rotate(90deg) scale(-1) !important ;
		/* box-shadow: 4px 12px 47px 0 rgba(0, 0, 0, 0.1) !important ; */
	}

	.woi_c_card:hover .second-content {
		opacity: 1 !important ;
		height: 100% !important ;
		font-size: 1rem !important ;
		transform: rotate(0deg) !important ;
	}
	.woi_foot_main {
		margin: 0px 250px !important ;
	}
	.woi_modal_foot_main_btn {
		display: flex !important ;
		gap: 20px !important ;
		margin-bottom: 50px !important ;
	}
	.woi_modal_foot_btn {
		width: 100% !important ;
	}

	.woi_modal_foot_btn .woi_create_btn_temp {
		width: 100% !important ;
		height: 200px !important ;
		font-size: 35px !important ;
		display: flex !important ;
		justify-content: center !important ;
		align-items: center !important ;
	}

	/* ---------------woi_create_foot_btn_2----------- */
	.woi_create_foot_btn_2 {
		position: relative !important ;
		display: flex !important ;
		align-items: center !important ;
		justify-content: center !important ;
		width: 100% !important ;
		height: 200px !important ;
		border-radius: 96px !important ;
		border: none !important ;
		padding: 0px 20px !important ;
		background-color: rgb(168, 38, 255) !important ;
		color: white !important ;
		font-weight: 500 !important ;
		cursor: pointer !important ;
		border-radius: 100px !important ;
		box-shadow: 5px 5px 0px rgb(140, 32, 212) !important ;
		transition-duration: 0.3s !important ;
		font-size: 35px !important ;
	}

	.svg {
		width: 13px !important ;
		position: absolute !important ;
		right: 0 !important ;
		margin-right: 20px !important ;
		fill: white !important ;
		transition-duration: 0.3s !important ;
	}

	/* .woi_create_foot_btn_2:hover {
			color: transparent !important ;
		  } */

	.woi_create_foot_btn_2:hover svg {
		right: 43% !important ;
		margin: 0 !important ;
		padding: 0 !important ;
		border: none !important ;
		transition-duration: 0.3s !important ;
	}

	.woi_create_foot_btn_2:active {
		transform: translate(3px, 3px) !important ;
		transition-duration: 0.3s !important ;
		box-shadow: 2px 2px 0px rgb(140, 32, 212) !important ;
	}
}

.woi_create_btn_temp {
	cursor: pointer !important ;
	font-weight: 700 !important ;
	transition: all 0.2s !important ;
	padding: 10px 20px !important ;
	border-radius: 100px !important ;
	background: #cfef00 !important ;
	border: 1px solid transparent !important ;
	display: flex !important ;
	align-items: center !important ;
	font-size: 15px !important ;
	width: fit-content !important ;
}

.woi_create_btn_temp:hover {
	background: #c4e201 !important ;
}

.woi_create_btn_temp > svg {
	width: 34px !important ;
	margin-left: 10px !important ;
	transition: transform 0.3s ease-in-out !important ;
}

.woi_create_btn_temp:hover svg {
	transform: translateX(5px) !important ;
}

.woi_create_btn_temp:active {
	transform: scale(0.95) !important ;
}

.plans-btn.md-hidden {
	display: none !important;
}
.woi_xs_bloc01.md-hidden {
	display: none !important;
}


/* -------------------Accordion-------------------- */
 .woi_acc_v1_container {
       display: flex;
    flex-direction: row;
    gap: 12px;
    margin: 10px 0px 20px 0px;
    overflow: auto;
    white-space: nowrap;
	/* padding-bottom: 10px; */
	border-bottom: 1px solid #dddddd;
	scrollbar-width: none;
	  scroll-behavior: smooth; /* <-- smooth scroll */
  }

  .woi_acc_v1_btn {
    padding: 10px 20px;
    border: none;
    background-color: #ffffff;
    cursor: pointer;
    transition: background-color 0.3s ease;
	    border-radius: unset;
    font-size: 13px;
    font-weight: 500;
  }

  .woi_acc_v1_btn.active {
    background-color: #ffffff;
    color: #1e1e1e;
    border-bottom: 1px solid;
    border-radius: 0px;
  }

  .woi_acc_v1_content {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.4s ease, opacity 0.4s ease;
    /* background: #f7f7f7; */
    /* padding: 0 15px; */
    /* border: 1px solid #ccc; */
  }

  .woi_acc_v1_content.active {
    max-height: 100%; /* adjust height based on content */
    opacity: 1;
    /* padding: 15px; */
    /* margin-top: 10px; */
  }
/* -------------------Accordion end-------------------- */
@media screen and (max-width: 425px) {
	.woi_box.woi_carousel_h.template_1 {
		height: 79vh !important ;
	}
	/* explore template  */
	/* .woi_box.template_1{
		height: 72vh !important ;
	} */
	.woi_inner_02 {
		margin-top: 32px !important;
	}
	.woi_create_btn_temp {
		margin: auto;
	}

	.woi_box_out {
		height: 55rem !important;
	}
	.card-container {
		gap: 17px !important;
	}

	/* explore template end  */
}
@media screen and (max-width: 768px) {
	/* .woi_box.template_1 {
		height: 150vh !important ;
	} */
}

@media only screen and (max-width: 768px) {
	.plans-btn.md-hidden {
		display: block !important;
	}
	.woi_xs_bloc01.md-hidden {
		display: block !important;
	}
	.template_5 .woi_inner_btn {
		width: 87% !important;
	}

	.link-body.template_1 {
		background-image: url("../../img/lib-theme/1.jpeg") !important ;
		background-size: cover !important ;
		background-position: center !important ;
		background-repeat: no-repeat !important ;
		height: 100vh !important ;
		width: 100% !important ;
	}

	.link-body.template_2 {
		background-image: url("../../img/lib-theme/2.jpeg") !important ;
		background-size: cover !important ;
		background-position: center !important ;
		background-repeat: no-repeat !important ;
		height: 100vh !important ;
		width: 100% !important ;
	}
	.link-body.template_3 {
		background-image: url("../../img/lib-theme/3.jpg") !important ;
		background-size: cover !important ;
		background-position: center !important ;
		background-repeat: no-repeat !important ;
		height: 100vh !important ;
		width: 100% !important ;
	}
	.link-body.template_4 {
		background-image: url("../../img/lib-theme/7.jpeg") !important ;
		background-size: cover !important ;
		background-position: center !important ;
		background-repeat: no-repeat !important ;
		height: 100vh !important ;
		width: 100% !important ;
	}

	.link-body.template_5 {
		background-image: url("../../img/lib-theme/8.jpeg") !important ;
		background-size: cover !important ;
		background-position: center !important ;
		background-repeat: no-repeat !important ;
		height: 100vh !important ;
		width: 100% !important ;
	}
	.link-body.template_6 {
		background-image: url("../../img/lib-theme/16.jpeg") !important ;
		background-size: cover !important ;
		background-position: center !important ;
		background-repeat: no-repeat !important ;
		height: 100vh !important ;
		width: 100% !important ;
	}
	.link-body.template_7 {
		background-image: url("../../img/lib-theme/14.jpg") !important ;
		background-size: cover !important ;
		background-position: center !important ;
		background-repeat: no-repeat !important ;
		height: 100vh !important ;
		width: 100% !important ;
	}
	.link-body.template_8 {
		background-image: url("../../img/lib-theme/13.jpg") !important ;
		background-size: cover !important ;
		background-position: center !important ;
		background-repeat: no-repeat !important ;
		height: 100vh !important ;
		width: 100% !important ;
	}
	.link-body.template_9 {
		background-image: url("../../img/lib-theme/4.jpeg") !important ;
		background-size: cover !important ;
		background-position: center !important ;
		background-repeat: no-repeat !important ;
		height: 100vh !important ;
		width: 100% !important ;
	}

	.link-body .custom-col-5 {
		width: 95% !important;
	}
	.woi_ab_inner_01 {
		display: block !important ;
	}
	.woi_ab_inner_01 svg {
		min-width: 100% !important ;
	}
	.modal-content.woi_modal_preview_w {
		border-bottom-left-radius: 0px !important ;
		border-bottom-right-radius: 0px !important ;
	}
}

.modal-content.woi_modal_preview_w {
	border-bottom-left-radius: 1.5rem !important ;
	border-bottom-right-radius: 1.5rem !important ;
}
.woi_ab_02882 .modal.show .modal-dialog {
	box-shadow: none !important ;
}

/* svt astro style */

#eWSLi8rbaTl2 {
	animation: eWSLi8rbaTl2_s_do 12000ms linear infinite normal forwards;
}

@keyframes eWSLi8rbaTl2_s_do {
	0% {
		stroke-dashoffset: 0;
	}

	100% {
		stroke-dashoffset: 300;
	}
}

#eWSLi8rbaTl3 {
	animation: eWSLi8rbaTl3_s_do 12000ms linear infinite normal forwards;
}

@keyframes eWSLi8rbaTl3_s_do {
	0% {
		stroke-dashoffset: 0;
	}

	100% {
		stroke-dashoffset: 360;
	}
}

#eWSLi8rbaTl4 {
	animation: eWSLi8rbaTl4_s_do 12000ms linear infinite normal forwards;
}

@keyframes eWSLi8rbaTl4_s_do {
	0% {
		stroke-dashoffset: 0;
	}

	100% {
		stroke-dashoffset: 500;
	}
}

#eWSLi8rbaTl5 {
	animation: eWSLi8rbaTl5_s_do 12000ms linear infinite normal forwards;
}

@keyframes eWSLi8rbaTl5_s_do {
	0% {
		stroke-dashoffset: 0;
	}

	100% {
		stroke-dashoffset: 360;
	}
}